@if ($paginator->hasPages())
<ul class="list-style-none flex justify-center mt-10">
    {{-- Previous Page Link --}}
    @if ($paginator->onFirstPage())
    <li>
        <span
            class="relative block rounded bg-transparent px-3 py-1.5 text-sm text-surface transition duration-300 hover:bg-neutral-100 focus:bg-neutral-100 focus:text-primary-700 focus:outline-none active:bg-neutral-100 active:text-primary-700 opacity-50 cursor-not-allowed"
            aria-disabled="true" aria-label="Previous">
            <span aria-hidden="true">&laquo;</span>
        </span>
    </li>
    @else
    <li>
        <a class="relative block rounded bg-transparent px-3 py-1.5 text-sm text-surface transition duration-300 hover:bg-neutral-100 focus:bg-neutral-100 focus:text-primary-700 focus:outline-none active:bg-neutral-100 active:text-primary-700"
            href="{{ $paginator->previousPageUrl() }}" aria-label="Previous">
            <span aria-hidden="true">&laquo;</span>
        </a>
    </li>
    @endif

    {{-- Pagination Elements --}}
    @foreach ($elements as $element)
    {{-- "Three Dots" Separator --}}
    @if (is_string($element))
    <li>
        <span class="relative block rounded bg-transparent px-3 py-1.5 text-sm text-surface">{{ $element }}</span>
    </li>
    @endif

    {{-- Array Of Links --}}
    @if (is_array($element))
    @foreach ($element as $page => $url)
    @if ($page == $paginator->currentPage())
    <li aria-current="page">
        <a class="relative block rounded bg-primary px-3 py-1.5 text-sm font-medium text-white transition duration-300 focus:outline-none"
            href="{{ $url }}">{{ $page }}
            <span
                class="absolute -m-px h-px w-px overflow-hidden whitespace-nowrap border-0 p-0 [clip:rect(0,0,0,0)]">(current)</span>
        </a>
    </li>
    @else
    <li>
        <a class="relative block rounded bg-transparent px-3 py-1.5 text-sm text-surface transition duration-300 hover:bg-neutral-100 focus:bg-neutral-100 focus:text-primary-700 focus:outline-none active:bg-neutral-100 active:text-primary-700"
            href="{{ $url }}">{{ $page }}</a>
    </li>
    @endif
    @endforeach
    @endif
    @endforeach

    {{-- Next Page Link --}}
    @if ($paginator->hasMorePages())
    <li>
        <a class="relative block rounded bg-transparent px-3 py-1.5 text-sm text-surface transition duration-300 hover:bg-neutral-100 focus:bg-neutral-100 focus:text-primary-700 focus:outline-none active:bg-neutral-100 active:text-primary-700"
            href="{{ $paginator->nextPageUrl() }}" aria-label="Next">
            <span aria-hidden="true">&raquo;</span>
        </a>
    </li>
    @else
    <li>
        <span
            class="relative block rounded bg-transparent px-3 py-1.5 text-sm text-surface transition duration-300 hover:bg-neutral-100 focus:bg-neutral-100 focus:text-primary-700 focus:outline-none active:bg-neutral-100 active:text-primary-700 opacity-50 cursor-not-allowed"
            aria-disabled="true" aria-label="Next">
            <span aria-hidden="true">&raquo;</span>
        </span>
    </li>
    @endif
</ul>
@endif