{{--
    Vue de pagination personnalisee "biome" — style sobre et coherent avec les
    tokens du site (public/css/tokens.css).

    Absente de la maquette Claude Design (le jeu de donnees exporte tenait sur
    une seule page, 6 articles). Cree faute d'element de reference dans
    maquettes/Actualites.dc.html : signale au chef de projet, a valider si un
    style different est attendu.
--}}
@if ($paginator->hasPages())
    <nav role="navigation" aria-label="Pagination" style="display:flex;align-items:center;gap:8px;font-family:var(--police-texte);flex-wrap:wrap;justify-content:center;">
        {{-- Lien "Precedent" --}}
        @if ($paginator->onFirstPage())
            <span class="biome-pagination__item" aria-disabled="true" style="display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--rayon-bouton);border:1.5px solid var(--couleur-bordure-bouton);color:#C3CCD9;">&laquo;</span>
        @else
            <a href="{{ $paginator->previousPageUrl() }}" rel="prev" aria-label="Page precedente" class="biome-pagination__item" style="display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--rayon-bouton);border:1.5px solid var(--couleur-bordure-bouton);color:var(--couleur-texte-fonce);text-decoration:none;">&laquo;</a>
        @endif

        {{-- Numeros de page --}}
        @foreach ($elements as $element)
            @if (is_string($element))
                <span class="biome-pagination__item" style="display:flex;align-items:center;justify-content:center;width:38px;height:38px;color:#9AA6B6;font-size:14px;">{{ $element }}</span>
            @endif

            @if (is_array($element))
                @foreach ($element as $page => $url)
                    @if ($page == $paginator->currentPage())
                        <span aria-current="page" class="biome-pagination__item" style="display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--rayon-bouton);background:var(--couleur-bleu-principal);color:#fff;font-weight:700;font-size:14px;">{{ $page }}</span>
                    @else
                        <a href="{{ $url }}" class="biome-pagination__item" style="display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--rayon-bouton);border:1.5px solid var(--couleur-bordure-bouton);color:var(--couleur-texte-fonce);text-decoration:none;font-size:14px;">{{ $page }}</a>
                    @endif
                @endforeach
            @endif
        @endforeach

        {{-- Lien "Suivant" --}}
        @if ($paginator->hasMorePages())
            <a href="{{ $paginator->nextPageUrl() }}" rel="next" aria-label="Page suivante" class="biome-pagination__item" style="display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--rayon-bouton);border:1.5px solid var(--couleur-bordure-bouton);color:var(--couleur-texte-fonce);text-decoration:none;">&raquo;</a>
        @else
            <span class="biome-pagination__item" aria-disabled="true" style="display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--rayon-bouton);border:1.5px solid var(--couleur-bordure-bouton);color:#C3CCD9;">&raquo;</span>
        @endif
    </nav>
@endif