@extends('layouts/LayoutMaster')

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

@section('vendor-style')

@endsection
@section('page-style')
@if($pageConfigs['filterType'] == 'recommends')
<link rel="stylesheet" href="{{ asset('vndrs/css/flexslider/flexslider.css') }}">
@endif

 @endsection

@section('content')

@if($pageConfigs['filterType'] == 'recommends')
        
        @foreach($lents as $lenta)
            <div class="rec_item">
                <div class="rec_item_header">
                    <img src="{{ $lenta->icon }}">
                    <div class="rec_item_header_title">
                        <a href="/lenta/{{ $lenta->id }}" class="rec_item_header_htitle">{{ $lenta->name }}</a>
                        @if($lenta->type == 'user')
                            <div class="rec_item_header_btitle">Создатель: <a href="/uid/{{ $lenta->uid }}" target="_blank">{{ $lenta->user->name ?? $lenta->user->login }}</a></div>
                        @endif
                    </div>
                    <div class="rec_item_header_icons">
                            <div class="rec_item_header_icon">
                                <svg width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M11.62 18.8101C11.28 18.9301 10.72 18.9301 10.38 18.8101C7.48 17.8201 1 13.6901 1 6.6901C1 3.6001 3.49 1.1001 6.56 1.1001C8.38 1.1001 9.99 1.9801 11 3.3401C12.01 1.9801 13.63 1.1001 15.44 1.1001C18.51 1.1001 21 3.6001 21 6.6901C21 13.6901 14.52 17.8201 11.62 18.8101Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                </svg>
                                <span>{{ Helper::giveStats('likes', $lenta->id, 'lenta')  }}</span>    
                            </div>
                            <div class="rec_item_header_icon">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M15.5799 11.9999C15.5799 13.9799 13.9799 15.5799 11.9999 15.5799C10.0199 15.5799 8.41992 13.9799 8.41992 11.9999C8.41992 10.0199 10.0199 8.41992 11.9999 8.41992C13.9799 8.41992 15.5799 10.0199 15.5799 11.9999Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                    <path d="M12.0001 20.27C15.5301 20.27 18.8201 18.19 21.1101 14.59C22.0101 13.18 22.0101 10.81 21.1101 9.39997C18.8201 5.79997 15.5301 3.71997 12.0001 3.71997C8.47009 3.71997 5.18009 5.79997 2.89009 9.39997C1.99009 10.81 1.99009 13.18 2.89009 14.59C5.18009 18.19 8.47009 20.27 12.0001 20.27Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                    </svg>
                                    
                                <span>{{ $lenta->views }}</span>    
                            </div>
                    </div>
                </div>
                <div class="rec_item_posts">
                    <div class="lenta-posts">
                        @php
                        $postInfo = Helper::getPosts($lenta);
                        @endphp
<div class="flexslider slidepost">
    <ul class="slides">
                        @include('includes/post/show', ['posts' => $postInfo['posts'], 'glist' => $postInfo['glist'], 'userInfo' => $lenta->user, 'slide' => true])
                    </ul>
                </div>
                    </div>
                </div>
            </div>
        @endforeach
        @else
<div class="content">
@if($pageConfigs['filterType'] != 'mylents' && $pageConfigs['filterType'] != 'channel' && $pageConfigs['filterType'] != 'recommends')
<div class="content-filter">
@include('includes/filter/menu', ['filterType' => $pageConfigs['filterType']])
			</div>
@endif
	<div class="content-items mainfeed active">
	@if($pageConfigs['isFolder'] == 0)
		@include('includes/post/index', ['posts' => $lents])
	@else
		@include('includes/post/folderCard', ['folders' => $lents])
	@endif
	</div> 
	<div class="ajax-loading"><img src="{{ asset('images/loading.gif') }}" /></div>
</div>

@endif
@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')
@if($pageConfigs['filterType'] == 'recommends')
<script src="{{ asset('vndrs/js/flexslider/jquery.flexslider-min.js') }}"></script>
<script>
$('.slidepost').flexslider({
    animation: "slide",
	slideshow: false,
	prevText: "",
	nextText: "",
  });
   $('.slidephoto').flexslider({
    animation: "slide",
	slideshow: false,
	prevText: "",
	nextText: "",
  });
</script>
@endif
<script src="{{ asset('js/scripts/lentsFilter.js') }}"></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