@if ($paginator->hasPages())
    <div class="text-center">
        <nav class="inline-flex font-bold border border-[#7F9DD2] rounded-full py-3 px-4 mb-20">
            {{-- Anterior --}}
            @if ($paginator->onFirstPage())
                <div class="py-1 px-2 text-neutral-400 flex items-center">
                    <svg class="rotate-180" width="6.339" height="11.987" xmlns="http://www.w3.org/2000/svg"
                         viewBox="0 0 6.339 11.987">
                        <path d="m1.41 1.41 3.929 4.584-3.929 4.583" fill="none"
                              stroke="currentColor" stroke-linecap="round"
                              stroke-linejoin="round" stroke-width="2"/>
                    </svg>
                </div>
            @else
                @php
                    $queryParams = request()->query();
                    $queryParams['page'] = $paginator->currentPage() - 1;
                    $previousPageUrl = url()->current() . '?' . http_build_query($queryParams);
                @endphp
                <a href="{{ $previousPageUrl }}" class="py-1 px-2 text-[#003CA5] flex items-center">
                    <svg class="rotate-180" width="6.339" height="11.987" xmlns="http://www.w3.org/2000/svg"
                         viewBox="0 0 6.339 11.987">
                        <path d="m1.41 1.41 3.929 4.584-3.929 4.583" fill="none" stroke="currentColor"
                              stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
                    </svg>
                </a>
            @endif

            {{-- Números --}}
            <div class="hidden md:flex">
                @foreach ($elements as $element)
                    @if (is_array($element))
                        @foreach ($element as $page => $url)
                            @php
                                $queryParams = request()->query();
                                $queryParams['page'] = $page;
                                $fullUrl = url()->current() . '?' . http_build_query($queryParams);
                            @endphp
                            @if ($page == $paginator->currentPage())
                                <a href="{{ $fullUrl }}" class="py-1 px-2 text-[#003CA5]">{{ $page }}</a>
                            @else
                                <a href="{{ $fullUrl }}" class="py-1 px-2 text-[#7F9DD2]">{{ $page }}</a>
                            @endif
                        @endforeach
                    @endif
                @endforeach
            </div>

            {{-- Pŕoximo --}}
            @if ($paginator->hasMorePages())
                @php
                    $queryParams = request()->query();
                    $queryParams['page'] = $paginator->currentPage() + 1;
                    $nextPageUrl = url()->current() . '?' . http_build_query($queryParams);
                @endphp
                <a href="{{ $nextPageUrl }}" class="py-1 px-2 text-[#003CA5] flex items-center">
                    <svg width="6.339" height="11.987" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.339 11.987">
                        <path d="m1.41 1.41 3.929 4.584-3.929 4.583" fill="none" stroke="currentColor"
                              stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
                    </svg>
                </a>
            @else
                <div class="py-1 px-2 text-neutral-400 flex items-center">
                    <svg width="6.339" height="11.987" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.339 11.987">
                        <path d="m1.41 1.41 3.929 4.584-3.929 4.583" fill="none" stroke="currentColor"
                              stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
                    </svg>
                </div>
            @endif
        </nav>
    </div>
@endif