@if ($paginator->hasPages())
    <div class="text-center">
        <nav class="inline-flex font-bold border border-babyblue rounded-full py-3 px-4 mb-20">
            {{-- Anterior --}}
            @if ($paginator->onFirstPage())
                <div class="py-1 px-2 text-deepblue 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-deepblue 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-deepblue">{{ $page }}</a>
                            @else
                                <a href="{{ $fullUrl }}" class="py-1 px-2 text-deepblue/50">{{ $page }}</a>
                            @endif
                        @endforeach
                    @endif
                @endforeach
            </div>

            <div class="flex md:hidden">
                @php
                    $current = $paginator->currentPage();
                    $last = $paginator->lastPage();
                    $start = max(1, $current - 1);
                    $end = min($last, $current + 1);

                    if ($current == 1) {
                        $end = min($last, 3);
                    } elseif ($current == $last) {
                        $start = max(1, $last - 2);
                    }
                @endphp

                @foreach (range($start, $end) as $page)
                    @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-deepblue">{{ $page }}</a>
                    @else
                        <a href="{{ $fullUrl }}" class="py-1 px-2 text-deepblue/50">{{ $page }}</a>
                    @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-deepblue 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-deepblue 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