@if ($paginator->lastPage() > 1)
    <div class="mt-8 flex justify-center">
        <div class="flex space-x-1">
            {{-- Previous Page Link --}}
            @if ($paginator->onFirstPage())
                <span class="px-4 py-2 border border-gray-300 rounded-lg text-gray-400 cursor-not-allowed">Previous</span>
            @else
                <a href="{{ $paginator->previousPageUrl() }}" class="px-4 py-2 border border-gray-300 rounded-lg hover:bg-gray-50 text-gray-500">Previous</a>
            @endif

            {{-- Pagination Elements --}}
            @for ($i = 1; $i <= $paginator->lastPage(); $i++)
                @if ($i == $paginator->currentPage())
                    <span class="px-4 py-2 border border-red-700 bg-red-700 text-white rounded-lg">{{ $i }}</span>
                @else
                    <a href="{{ $paginator->url($i) }}" class="px-4 py-2 border border-gray-300 rounded-lg hover:bg-gray-50 text-gray-700">{{ $i }}</a>
                @endif
            @endfor

            {{-- Next Page Link --}}
            @if ($paginator->hasMorePages())
                <a href="{{ $paginator->nextPageUrl() }}" class="px-4 py-2 border border-gray-300 rounded-lg hover:bg-gray-50 text-gray-500">Next</a>
            @else
                <span class="px-4 py-2 border border-gray-300 rounded-lg text-gray-400 cursor-not-allowed">Next</span>
            @endif
        </div>
    </div>
@endif