@if ($paginator->hasPages())
    <div class="intro-y col-span-12 flex flex-wrap items-center sm:flex-row sm:flex-nowrap p-4">
        <x-base.pagination class="w-full sm:mr-auto sm:w-auto">
            {{-- Previous Links --}}
            @if (!$paginator->onFirstPage())
                <x-base.pagination.link href="{{ $paginator->url(1) }}">
                    <x-base.lucide class="h-4 w-4" icon="ChevronsLeft" />
                </x-base.pagination.link>
                <x-base.pagination.link href="{{ $paginator->previousPageUrl() }}">
                    <x-base.lucide class="h-4 w-4" icon="ChevronLeft" />
                </x-base.pagination.link>
            @endif

            {{-- Pagination Elements --}}
            @php
                $current = $paginator->currentPage();
                $last = $paginator->lastPage();
                $delta = 2; // Number of pages to show around current page
                $left = $current - $delta;
                $right = $current + $delta;
                $range = [];
                $rangeWithDots = [];
                $l = null;
            @endphp

            {{-- Build range of pages --}}
            @for ($i = 1; $i <= $last; $i++)
                @if ($i == 1 || $i == $last || ($i >= $left && $i <= $right))
                    @php array_push($range, $i) @endphp
                @endif
            @endfor

            {{-- Add dots where gaps exist --}}
            @foreach ($range as $i)
                @if ($l)
                    @if ($i - $l === 2)
                        @php array_push($rangeWithDots, $l + 1) @endphp
                    @elseif ($i - $l !== 1)
                        @php array_push($rangeWithDots, '...') @endphp
                    @endif
                @endif
                @php array_push($rangeWithDots, $i); $l = $i @endphp
            @endforeach

            {{-- Render pages --}}
            @foreach ($rangeWithDots as $i)
                @if (is_int($i))
                    <x-base.pagination.link 
                        href="{{ $paginator->url($i) }}" 
                        :active="$i == $current"
                    >
                        {{ $i }}
                    </x-base.pagination.link>
                @else
                    <x-base.pagination.link disabled>
                        {{ $i }}
                    </x-base.pagination.link>
                @endif
            @endforeach

            {{-- Next Links --}}
            @if ($paginator->hasMorePages())
                <x-base.pagination.link href="{{ $paginator->nextPageUrl() }}">
                    <x-base.lucide class="h-4 w-4" icon="ChevronRight" />
                </x-base.pagination.link>
                <x-base.pagination.link href="{{ $paginator->url($last) }}">
                    <x-base.lucide class="h-4 w-4" icon="ChevronsRight" />
                </x-base.pagination.link>
            @endif
        </x-base.pagination>
    </div>
@endif