@extends('themes.schumann.layout.layout')
@section('title', trans('site.news'))
@section('bodyClass', 'news-page')
@section('content')
    <style>
        .news-page .news-wrapper .news-content .news-item .date{ display: none}
    </style>
<div class="news-wrapper">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="headline">
                    <div class="title">
                        {{ trans('site.news') }}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="news-content">
        @if(count($items))
    	<div class="infinite-scroll">
    	@php
    		$first = $items->first();
    		$items->shift();
    	@endphp
    	{{--<a href="{{ Route('news.show', [--}}
                     {{--'id' => $first->id,--}}
                     {{--'title' => str_slug($first->translate->title, '-'),--}}
                    {{--]) }}" class="news-item">--}}
            {{----}}
            {{--<h3>--}}
                {{--{{ $first->translate->title }}--}}
            {{--</h3>--}}
            {{--@if($first->translate->short_desc)--}}
            	{{--{!! str_limit($first->translate->short_desc, '200') !!}--}}
            {{--@else--}}
            	{{--{!! str_limit($first->translate->content, '200') !!}--}}
            {{--@endif--}}
            {{--<div class="date"><span>{{ Carbon::parse($first->created_at)->format('d.m.y') }}</span></div>--}}
            {{--<div class="bg"></div>--}}
        {{--</a>--}}
    	@foreach($items->chunk(2) as $key => $_items)
	    	@foreach($_items as $_key => $item)
	        <a href="{{ Route('news.show', [
	                     'id' => $item->id,
	                     'title' => str_slug($item->translate->title, '-'),
	                    ]) }}" class="news-item @if($key % 2 == 0) with-img @endif">
	            @if($key % 2 == 0)
                @php
                $img = 'themes/schumann/img/noimg.png';
                if($item->img) {
                    $img = 'uploads/'.$item->img;
                }
                @endphp
	            <div class="news-image" style="background-image: url('{{ asset($img) }}')">
	          	</div>
	            @endif
	            <h3>
	                {{ $item->translate->title }}
	            </h3>
	            @if($key % 2 != 0)
		            @if($item->translate->short_desc)
		            	{!! str_limit($item->translate->short_desc, '200') !!}
		            @else
		            	{!! str_limit($item->translate->content, '200') !!}
		            @endif
	            @endif
	            <div class="date"><span>{{ Carbon::parse($item->created_at)->format('d.m.y') }}</span></div>
	            @if($key % 2 != 0)
	            <div class="bg"></div>
	            @endif
	        </a>
	        @endforeach
	    @endforeach

	    {{ $items->links() }}
    </div>
    @endif
    </div>
</div>
@endsection
@section('js')
<script type="text/javascript">
    $('.pagination').hide();
    $(function() {
        $('.infinite-scroll').jscroll({
            autoTrigger: true,
            loadingHtml: '<div class="loading-content"><span class="loading-icon"></span></div>',
            padding: 0,
            nextSelector: '.pagination li.active + li a',
            contentSelector: 'div.infinite-scroll',
            callback: function() {
                $('.pagination').remove();
            }
        });
    });
</script>
@endsection