@props([
    'paginator' => null,
    'currentPage' => 1,
    'lastPage' => 1,
    'ariaLabel' => 'Pagination',
    'wrapperClass' => 'relative z-10 py-16 px-4',
])

@php
    if ($paginator !== null) {
        $current = (int) $paginator->currentPage();
        $last = (int) $paginator->lastPage();
        $prevUrl = $paginator->previousPageUrl();
        $nextUrl = $paginator->nextPageUrl();
        $pageUrl = fn (int $page) => $paginator->url($page);
    } else {
        $current = max(1, (int) $currentPage);
        $last = max(1, (int) $lastPage);
        $prevUrl = $current > 1 ? request()->fullUrlWithQuery(['page' => $current - 1]) : null;
        $nextUrl = $current < $last ? request()->fullUrlWithQuery(['page' => $current + 1]) : null;
        $pageUrl = fn (int $page) => request()->fullUrlWithQuery(['page' => $page]);
    }

    $pageNumbers = range(1, $last);
@endphp

<div class="{{ $wrapperClass }}">
    <nav class="flex justify-center items-center gap-2 sm:gap-3" aria-label="{{ $ariaLabel }}">
        @if ($prevUrl)
            <a
                href="{{ $prevUrl }}"
                class="flex items-center justify-center w-8 h-8 sm:w-10 sm:h-10 rounded-full border border-white/60 text-white hover:border-white hover:bg-white/10 transition-colors"
                aria-label="Previous page"
                title="Previous"
            >
                <i class="ph ph-caret-left text-lg sm:text-xl"></i>
            </a>
        @else
            <span
                class="flex items-center justify-center w-8 h-8 sm:w-10 sm:h-10 rounded-full border border-white/60 text-white opacity-40 pointer-events-none"
                aria-disabled="true"
                aria-label="Previous page"
            >
                <i class="ph ph-caret-left text-lg sm:text-xl"></i>
            </span>
        @endif

        <div class="flex items-center gap-1 sm:gap-2">
            @foreach ($pageNumbers as $page)
                @if ($page === $current)
                    <span
                        class="flex items-center justify-center min-w-[2rem] sm:min-w-[2.5rem] h-8 sm:h-10 rounded-full bg-le-primary text-white text-sm font-medium"
                        aria-current="page"
                    >{{ $page }}</span>
                @else
                    <a
                        href="{{ $pageUrl($page) }}"
                        class="flex items-center justify-center min-w-[2rem] sm:min-w-[2.5rem] h-8 sm:h-10 rounded-full border border-white/60 text-white text-sm font-medium hover:border-white hover:bg-white/10 transition-colors"
                    >{{ $page }}</a>
                @endif
            @endforeach
        </div>

        @if ($nextUrl)
            <a
                href="{{ $nextUrl }}"
                class="flex items-center justify-center w-8 h-8 sm:w-10 sm:h-10 rounded-full border border-white/60 text-white hover:border-white hover:bg-white/10 transition-colors"
                aria-label="Next page"
                title="Next"
            >
                <i class="ph ph-caret-right text-lg sm:text-xl"></i>
            </a>
        @else
            <span
                class="flex items-center justify-center w-8 h-8 sm:w-10 sm:h-10 rounded-full border border-white/60 text-white opacity-40 pointer-events-none"
                aria-disabled="true"
                aria-label="Next page"
            >
                <i class="ph ph-caret-right text-lg sm:text-xl"></i>
            </span>
        @endif
    </nav>
</div>