@extends('layouts.app')

@section('content')
    @include('includes.filters')
    <div class="row count-row hidden-xs">
        <div class="col-md-8">
            {{ trans('interface.total-results') }}
        </div>
        <div class="col-md-4 text-right">
            {{ trans_choice('interface.count', count($issues))  }}
        </div>
    </div>
    <div class="row list-wrapper">
                @if(count($issues) > 0)
            @foreach($issues as $key => $issue)
                @if($year != $issue->year_id || $season != $issue->season_id)
                        <div class="col-md-12 col-xs-12 list-divider">{{ $issue->season_item->prefisso }} <strong>{{ $issue->year->year }}</strong></div>
                    </div>
                    <div class="row">
                                    @endif
                <a class="col-md-4 col-xs-6 flipbook-link chronicle" href="{{ config('app.assetURL') }}/flipbook/{{ $issue->landingfolder }}/{{ $issue->path }}?fromsite=1{{ $params }}">
                    <h4>{{ $issue->collection_item->collection }}</h4>
                    @if($issue->cover)
                        <img class="img-responsive" src="{{ config('app.assetURL') }}/issues/{{ $issue->id }}/pages/400xauto/{{ $issue->cover->img }}.jpg">
                    @else
                        <img class="img-responsive" src="http://placehold.it/400x533">
                    @endif
                </a>
                @if((($key + 1) % 3) === 0)
                    <div class="clearfix hidden-xs"></div>
                @endif
                @if((($key + 1) % 2) === 0)
                    <div class="clearfix visible-xs-block"></div>
                @endif
                            @endforeach
        @else
            <div class="col-md-12 text-center">
                {{ trans('interface.empty-list') }}
            </div>
        @endif
    </div>
@endsection