@if($allData->hasPages())
<nav class="pagination flex flex-wrap items-center justify-center gap-1.5 py-2">

    {{-- Previous --}}
    @if($allData->onFirstPage())
        <span class="inline-flex h-8 w-8 cursor-not-allowed items-center justify-center rounded-lg border border-[#C4C8CE] text-[13px] text-[#C4C8CE]">
            <svg class="h-3.5 w-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M15 18l-6-6 6-6"/></svg>
        </span>
    @else
        <a href="{{ $allData->previousPageUrl() }}"
           class="inline-flex h-8 w-8 items-center justify-center rounded-lg border border-[#C4C8CE] text-[13px] text-[#677181] transition hover:border-[#007456] hover:text-[#007456]">
            <svg class="h-3.5 w-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M15 18l-6-6 6-6"/></svg>
        </a>
    @endif

    @php
        $current  = $allData->currentPage();
        $last     = $allData->lastPage();
        $start    = max(1, $current - 2);
        $end      = min($last, $current + 2);
    @endphp

    {{-- First page + ellipsis --}}
    @if($start > 1)
        <a href="{{ $allData->url(1) }}"
           class="inline-flex h-8 w-8 items-center justify-center rounded-lg border border-[#C4C8CE] text-[13px] text-[#677181] transition hover:border-[#007456] hover:text-[#007456]">1</a>
        @if($start > 2)
            <span class="inline-flex h-8 items-center px-1 text-[13px] text-[#677181]">…</span>
        @endif
    @endif

    {{-- Window --}}
    @for($p = $start; $p <= $end; $p++)
        @if($p === $current)
            <span class="inline-flex h-8 w-8 items-center justify-center rounded-lg border border-[#007456] bg-[#007456] text-[13px] font-semibold text-white">{{ $p }}</span>
        @else
            <a href="{{ $allData->url($p) }}"
               class="inline-flex h-8 w-8 items-center justify-center rounded-lg border border-[#C4C8CE] text-[13px] text-[#677181] transition hover:border-[#007456] hover:text-[#007456]">{{ $p }}</a>
        @endif
    @endfor

    {{-- Ellipsis + last page --}}
    @if($end < $last)
        @if($end < $last - 1)
            <span class="inline-flex h-8 items-center px-1 text-[13px] text-[#677181]">…</span>
        @endif
        <a href="{{ $allData->url($last) }}"
           class="inline-flex h-8 w-8 items-center justify-center rounded-lg border border-[#C4C8CE] text-[13px] text-[#677181] transition hover:border-[#007456] hover:text-[#007456]">{{ $last }}</a>
    @endif

    {{-- Next --}}
    @if($allData->hasMorePages())
        <a href="{{ $allData->nextPageUrl() }}"
           class="inline-flex h-8 w-8 items-center justify-center rounded-lg border border-[#C4C8CE] text-[13px] text-[#677181] transition hover:border-[#007456] hover:text-[#007456]">
            <svg class="h-3.5 w-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M9 18l6-6-6-6"/></svg>
        </a>
    @else
        <span class="inline-flex h-8 w-8 cursor-not-allowed items-center justify-center rounded-lg border border-[#C4C8CE] text-[13px] text-[#C4C8CE]">
            <svg class="h-3.5 w-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M9 18l6-6-6-6"/></svg>
        </span>
    @endif

</nav>
@endif