{{--
    @intent Paginação do projeto (portal e CMS): semântica, alvos de toque ≥ 2.75rem e rótulos do
            shell. Substitui a view padrão do Laravel (que ficava abaixo do alvo mínimo no mobile).
    @see wiki/specs/04-acessibilidade-ux.md (SC 2.5.8)
--}}
@if ($paginator->hasPages())
    <nav role="navigation" aria-label="{{ __('layout::shell.pagination') }}">
        <ul class="flex flex-wrap items-center justify-center gap-1">
            <li>
                @if ($paginator->onFirstPage())
                    <span class="btn min-h-11 min-w-11" aria-disabled="true" aria-label="{{ __('layout::shell.pagination_previous') }}">&laquo;</span>
                @else
                    <a class="btn min-h-11 min-w-11" href="{{ $paginator->previousPageUrl() }}" rel="prev" aria-label="{{ __('layout::shell.pagination_previous') }}">&laquo;</a>
                @endif
            </li>

            @foreach ($elements ?? [] as $element)
                @if (is_string($element))
                    <li><span class="btn min-h-11 min-w-11" aria-disabled="true">{{ $element }}</span></li>
                @endif

                @if (is_array($element))
                    @foreach ($element as $page => $url)
                        <li>
                            @if ($page == $paginator->currentPage())
                                <span class="btn btn-active min-h-11 min-w-11" aria-current="page">{{ $page }}</span>
                            @else
                                <a class="btn min-h-11 min-w-11" href="{{ $url }}" aria-label="{{ __('layout::shell.pagination_page', ['page' => $page]) }}">{{ $page }}</a>
                            @endif
                        </li>
                    @endforeach
                @endif
            @endforeach

            <li>
                @if ($paginator->hasMorePages())
                    <a class="btn min-h-11 min-w-11" href="{{ $paginator->nextPageUrl() }}" rel="next" aria-label="{{ __('layout::shell.pagination_next') }}">&raquo;</a>
                @else
                    <span class="btn min-h-11 min-w-11" aria-disabled="true" aria-label="{{ __('layout::shell.pagination_next') }}">&raquo;</span>
                @endif
            </li>
        </ul>
    </nav>
@endif