@if ($paginator->hasPages())
<div class="flex items-center justify-center gap-2 py-4">
    {{-- Previous --}}
    @if ($paginator->onFirstPage())
    <span class="w-8 h-8 flex items-center justify-center rounded-lg bg-white/5 text-gray-600 cursor-not-allowed">
        <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/></svg>
    </span>
    @else
    <a href="{{ $paginator->previousPageUrl() }}" class="w-8 h-8 flex items-center justify-center rounded-lg bg-white/10 text-white hover:bg-indigo-500 transition">
        <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/></svg>
    </a>
    @endif

    {{-- Page numbers --}}
    @foreach ($elements as $element)
        @if (is_string($element))
        <span class="w-8 h-8 flex items-center justify-center text-gray-500 text-sm">...</span>
        @endif
        @if (is_array($element))
            @foreach ($element as $page => $url)
            @if ($page == $paginator->currentPage())
            <span class="w-8 h-8 flex items-center justify-center rounded-lg bg-indigo-500 text-white text-sm font-bold">{{ $page }}</span>
            @else
            <a href="{{ $url }}" class="w-8 h-8 flex items-center justify-center rounded-lg bg-white/10 text-gray-300 hover:bg-white/20 text-sm transition">{{ $page }}</a>
            @endif
            @endforeach
        @endif
    @endforeach

    {{-- Next --}}
    @if ($paginator->hasMorePages())
    <a href="{{ $paginator->nextPageUrl() }}" class="w-8 h-8 flex items-center justify-center rounded-lg bg-white/10 text-white hover:bg-indigo-500 transition">
        <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
    </a>
    @else
    <span class="w-8 h-8 flex items-center justify-center rounded-lg bg-white/5 text-gray-600 cursor-not-allowed">
        <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
    </span>
    @endif
</div>
@endif