{{-- Пагинация по UI-kit редизайна: «Показано с N по M из K» слева, квадраты
     страниц 32px справа. Переопределяет стандартный вид Laravel для всего сайта. --}}
@if ($paginator->hasPages())
    @php($cell = 'inline-flex h-8 min-w-8 items-center justify-center rounded-[var(--radius-md)] border px-2 text-[13px] font-semibold')
    <nav role="navigation" aria-label="{{ __('Pagination Navigation') }}" class="flex flex-wrap items-center gap-x-4 gap-y-3">
        <p class="flex-1 text-[12.5px] text-[var(--color-muted)]">
            @if ($paginator->firstItem())
                {{ __('Showing') }} {{ $paginator->firstItem() }} {{ __('to') }} {{ $paginator->lastItem() }} {{ __('of') }} {{ $paginator->total() }} {{ __('results') }}
            @else
                {{ __('Showing') }} {{ $paginator->count() }} {{ __('of') }} {{ $paginator->total() }} {{ __('results') }}
            @endif
        </p>

        <div class="flex flex-wrap items-center gap-1.5">
            @if ($paginator->onFirstPage())
                <span class="{{ $cell }} cursor-not-allowed border-[var(--color-line)] text-[var(--color-disabled)]" aria-disabled="true" aria-label="{{ __('pagination.previous') }}">
                    <i data-lucide="chevron-left" class="h-4 w-4"></i>
                </span>
            @else
                <a href="{{ $paginator->previousPageUrl() }}" rel="prev" aria-label="{{ __('pagination.previous') }}"
                   class="{{ $cell }} border-[var(--color-line)] text-[var(--color-slate)] transition hover:border-[var(--color-primary)] hover:text-[var(--color-primary)]">
                    <i data-lucide="chevron-left" class="h-4 w-4"></i>
                </a>
            @endif

            @foreach ($elements as $element)
                @if (is_string($element))
                    <span class="{{ $cell }} border-transparent text-[var(--color-muted)]" aria-disabled="true">{{ $element }}</span>
                @endif

                @if (is_array($element))
                    @foreach ($element as $page => $url)
                        @if ($page == $paginator->currentPage())
                            <span aria-current="page" class="{{ $cell }} border-[var(--color-primary)] bg-[var(--color-primary)] text-white">{{ $page }}</span>
                        @else
                            <a href="{{ $url }}" aria-label="{{ __('Go to page :page', ['page' => $page]) }}"
                               class="{{ $cell }} border-[var(--color-line)] bg-white text-[var(--color-slate)] transition hover:border-[var(--color-primary)] hover:text-[var(--color-primary)]">{{ $page }}</a>
                        @endif
                    @endforeach
                @endif
            @endforeach

            @if ($paginator->hasMorePages())
                <a href="{{ $paginator->nextPageUrl() }}" rel="next" aria-label="{{ __('pagination.next') }}"
                   class="{{ $cell }} border-[var(--color-line)] text-[var(--color-slate)] transition hover:border-[var(--color-primary)] hover:text-[var(--color-primary)]">
                    <i data-lucide="chevron-right" class="h-4 w-4"></i>
                </a>
            @else
                <span class="{{ $cell }} cursor-not-allowed border-[var(--color-line)] text-[var(--color-disabled)]" aria-disabled="true" aria-label="{{ __('pagination.next') }}">
                    <i data-lucide="chevron-right" class="h-4 w-4"></i>
                </span>
            @endif
        </div>
    </nav>
@endif