@if ($paginator->hasPages())
    <ul class="flex space-x-2">
        {{-- "<< Première page" --}}
        <li>
            @if ($paginator->onFirstPage())
                <span class="px-4 py-2 text-gray-500 cursor-not-allowed"><<</span>
            @else
                <a href="{{ $paginator->url(1) }}" class="px-4 py-2 text-blue-500 hover:bg-blue-100"><<</a>
            @endif
        </li>

        {{-- "Précédent" --}}
        <li>
            @if ($paginator->onFirstPage())
                <span class="px-4 py-2 text-gray-500 cursor-not-allowed">&lt;</span>
            @else
                <a href="{{ $paginator->previousPageUrl() }}" class="px-4 py-2 text-blue-500 hover:bg-blue-100">&lt;</a>
            @endif
        </li>

        {{-- Numéros de pages --}}
        @foreach ($elements as $element)
            @if (is_string($element))
                <li><span class="px-4 py-2 text-gray-500">{{ $element }}</span></li>
            @elseif (is_array($element))
                @foreach ($element as $page => $url)
                    <li>
                        @if ($page == $paginator->currentPage())
                            <span class="px-4 py-2 bg-blue-500 text-white">{{ $page }}</span>
                        @else
                            <a href="{{ $url }}" class="px-4 py-2 hover:bg-blue-100">{{ $page }}</a>
                        @endif
                    </li>
                @endforeach
            @endif
        @endforeach

        {{-- "Suivant" --}}
        <li>
            @if ($paginator->hasMorePages())
                <a href="{{ $paginator->nextPageUrl() }}" class="px-4 py-2 text-blue-500 hover:bg-blue-100">&gt;</a>
            @else
                <span class="px-4 py-2 text-gray-500 cursor-not-allowed">&gt;</span>
            @endif
        </li>

        {{-- ">> Dernière page" --}}
        <li>
            @if ($paginator->hasMorePages())
                <a href="{{ $paginator->url($paginator->lastPage()) }}" class="px-4 py-2 text-blue-500 hover:bg-blue-100">>></a>
            @else
                <span class="px-4 py-2 text-gray-500 cursor-not-allowed">>></span>
            @endif
        </li>
    </ul>
@endif