<?php echo Wo_LoadPage('forum/headers/header'); ?>

<div role="tabpanel" class="tab-pane active" id="home">
	<div id="sections">
		<?php 
			if (count($wo['sections']) > 0) {
				foreach ($wo['sections'] as $wo['section']) {
					echo Wo_LoadPage("forum/includes/section-list");
				}
			}
			else{
				echo '<div class="wow_content"><div class="empty_state"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3,4H7V8H3V4M9,5V7H21V5H9M3,10H7V14H3V10M9,11V13H21V11H9M3,16H7V20H3V16M9,17V19H21V17H9" /></svg>' . $wo['lang']['no_forums_found'] .  '</div></div>';
			}

		?>
		<div class="clear"></div>
	</div>
	<div>
		<div class="posts_load">
			<?php if (count($wo['sections']) >= 10): ?>
			<div class="load-more">
				<button class="btn btn-default text-center pointer" id="hren" >
				<i class="fa fa-arrow-down progress-icon" data-icon="arrow-down"></i> <?php echo $wo['lang']['load_more_posts'] ?></button>
			</div>
			<?php endif ?>
		</div>	
	</div>
</div>

<?php echo Wo_LoadPage('forum/headers/footer'); ?>

<?php if (count($wo['sections']) > 0): ?>
<script>
	jQuery(document).ready(function($) {

	  var delay = (function(){
		var timer = 0;
		return function(callback, ms){
		  clearTimeout (timer);
		  timer = setTimeout(callback, ms);
		};
	  })();


	  $("#search-forums").keyup(function(event) {

	      delay(function(){
	      if ($("#search-forums").val().trim()) {
		      $.ajax({
		        url: Wo_Ajax_Requests_File(),
		        type: 'GET',
		        data: {f:"search-forums",keyword:$("#search-forums").val()},
		        dataType: "json",
		        success: function(data){
		          if (data['status'] == 200) {
		          	$("#sections").html(data['html'])
		          }
		          else if(data['status'] == 404){
		          	
		         	$("#sections").html('<h5 class="search-filter-center-text"> ' + data['html'] + '</h5>')
		          }
		        }
		      })}

	      }, 1000 );
	  });
 });
</script>
<?php endif ?>