@extends('layouts/LayoutMaster')

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

@section('vendor-style')

@endsection
@section('page-style')


 @endsection

@section('content')

	<div class="content-items mainfeed active">
		@include('includes/data/catalogRegion')
	</div>
<div class="ajax-loading"><img src="{{ asset('images/loading.gif') }}" /></div>
@endsection
@section('content-right')
@include('includes/right-menu')
	<div class="recommends">
		<div class="block-title_unbg">Рекомендации</div>
			@include('includes/post/recomends', ['recomends' => $recomends])
	</div>
@endsection
@section('vendor-script')


@endsection
@section('page-script')
<script>
   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){
            console.log(data.length);
            //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