@extends('layouts/LayoutMaster')

@section('title', $pageConfigs['pageTitle'])

@section('vendor-style')

@endsection
@section('page-style')


 @endsection

@section('content')

<div class="content">
<div class="content-filter">
@include('includes/filter/menu', ['filterType' => $pageConfigs['filterType']])
			</div>
	<div class="content-items mainfeed active" id="searchResults">
	@if($pageConfigs['isFolder'] == 0)
		@include('includes/post/index', ['posts' => $lents])
	@else
		@include('includes/post/folderCard', ['folders' => $lents, 'fixmobmenu' => 'fix'])
	@endif
	</div>
	<div class="ajax-loading"><img src="{{ asset('images/loading.gif') }}" /></div>
</div>
@include('panels/modals/feedFilter')

@endsection
@section('content-right')
@include('includes/right-menu')
	
@endsection
@section('vendor-script')


@endsection
@section('page-script')
<script src="{{ asset('js/scripts/lentsFilter.js') }}"></script>
<script>
$("input[name='menu']").on('change', function() {
	
$("input[type='checkbox']").prop({
 checked: false
});

	  if(this.value == 'lents'){
		 $("#type_lents").removeClass('d-none');
		 $("#type_boards").addClass('d-none');
		 $("#type_files").addClass('d-none');
	  }else if(this.value == 'boards'){
		  $("#type_lents").addClass('d-none');
		 $("#type_boards").removeClass('d-none');
		 $("#type_files").addClass('d-none');
	  }else if(this.value == 'files'){
		  $("#type_lents").addClass('d-none');
		 $("#type_boards").addClass('d-none');
		 $("#type_files").removeClass('d-none');
	  }
});
   var SITEURL = document.location.pathname;
   var page = 2; //track user scroll as page number, right now page number is 1
   load_more(page); //initial content load
   if($('.ajax-loading')){
   $(window).scroll(function() { //detect page scroll
      if($(window).scrollTop() + $(window).height() >= $(document).height()) { //if user scrolled from top to bottom of the page
      page++; //page number increment
      load_more(page); //загрузка контента
      }
    });   
   }
    function load_more(page){
        $.ajax({
           url: SITEURL + "?page=" + page,
           type: "get",
           datatype: "html",
           beforeSend: function()
           {
              $('.ajax-loading').show();
            }
        })
        .done(function(data)
        {
            if(data.length == 0){
            //notify user if nothing to load
            $('.ajax-loading').remove();
            return;
          }
          $('.ajax-loading').hide(); //скрыть анимацию загрузки после получения данных
          $(".mainfeed").append(data); //добавить данные в элемент #results    
           console.log('data.length');
       })
       .fail(function(jqXHR, ajaxOptions, thrownError)
       {
          alert('Ошибка');
       });
    }
</script>
@endsection