{{-----------------------------------------------------
**  Numero.Archive
-----------------------------------------------------}}
@extends('layouts.' . $theme, [
    'model'     => $model,
    'name'      => 'issues-index',
    'current'      => 'issues-index'
])

@section('header')
    <header>
        <div class="head">
            <h1>
                {{ $content->page_title }}
            </h1>
        </div>
    </header>
@endsection

@section('contents')
    <section class="numeros">
        <div class="items">
            {{-- Paginer par 15 --}}
            @forelse ($content->issues as $issue)
                <div class="item">
                    @if(file_exists( __DIR__.'/../../app/public/numerev_Files/journal_'.$config->id.'/issue_'.$issue->issue_id.'/images/issue_'.$issue->issue_id.'.jpg' ))
                        <div class="image">
                            <img src="{{ asset('storage/numerev_Files/journal_'.$config->id.'/issue_'.$issue->issue_id.'/images/issue_'.$issue->issue_id.'.jpg') }}" alt="{{ Str::words(html_entity_decode($issue->title), 10) }}">
                        </div>
                    @endif 
                    <div class="metas">
                        <span>
                            {{ ucfirst($issue->issue_type_prefix) . $issue->number }} / {{ $issue->issue_publication_date }}
                        </span>
                        <h3>
                            {{ $issue->title }}
                        </h3>
                        <a class="link" href="{{ route('template_show_one_issue',['issue_id'=>$issue->issue_id, 'issue_type'=>$issue->issue_type, 'issue_number'=>$issue->number, 'issue_slug'=>$issue->slug]) }}" title="Lire la suite">
                            <svg><use href="{{ asset('storage/sprite.svg#icon-plus') }}"/></svg>
                            Lire la suite
                        </a>
                    </div>
                </div>
            @empty
                <p>Aucun numéro n'est encore paru.</p>
            @endforelse
        </div>
    </section>
    <!-- <section class="pagination with-border">
        <a class="prev button white" href="#">
            <svg><use href="{{ asset('storage/sprite.svg#icon-plus') }}"/></svg>
            Précédent
        </a>
        <div class="pages">
            <a href="#">1</a>
            <a href="#">2</a>
            <span>3</span>
            <a href="#">4</a>
            <a href="#">5</a>
            <a href="#">6</a>
        </div>
        <a class="next button white" href="#">
            Suivant
            <svg><use href="{{ asset('storage/sprite.svg#icon-plus') }}"/></svg>
        </a>
    </section> -->
@endsection