{{-- @if ($paginator->hasPages())
    <ul class="pagination">
        @if ($paginator->onFirstPage())
            <li class="paginate_button page-item previous disabled" aria-disabled="true">
                <span class="pagination-btn" href="{{ $paginator->previousPageUrl() }}" rel="prev"><img src="/images/icons/svg/icon-arrow-left.svg" /></span>
            </li>
        @else
            <li class="paginate_button page-item previous">
                <a class="pagination-btn" href="{{ $paginator->previousPageUrl() }}" rel="prev"><img src="/images/icons/svg/icon-arrow-left.svg" /></a>
            </li>
        @endif

        @if ($paginator->hasMorePages())
            <li class="paginate_button page-item next">
                <a class="pagination-btn" href="{{ $paginator->nextPageUrl() }}" rel="next"><img src="/images/icons/svg/icon-arrow-right.svg" /></a>
            </li>
        @else
            <li class="paginate_button page-item next disabled" aria-disabled="true">
                <a class="pagination-btn" href="{{ $paginator->nextPageUrl() }}" rel="next"><img src="/images/icons/svg/icon-arrow-right.svg" /></a>
            </li>
        @endif
    </ul>
@endif --}}

@if ($paginator->hasPages())
    <ul class="pagination pagination-sm pagination-separated m-0 p-0 justify-end w-max overflow-hidden gap-0" role="navigation">
        {{-- Previous Page Link --}}
        @if ($paginator->onFirstPage())
            <li class="page-item disabled" aria-disabled="true">
                <span class="page-link"><i class="mdi mdi-chevron-left"></i></span>
            </li>
        @else
            <li class="page-item">
                <a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev"><i class="mdi mdi-chevron-left"></i></a>
            </li>
        @endif

        {{-- Next Page Link --}}
        @if ($paginator->hasMorePages())
            <li class="page-item relative">
                <a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next"><i class="mdi mdi-chevron-right"></i></a>
            </li>
        @else
            <li class="page-item disabled" aria-disabled="true">
                <span class="page-link"><i class="mdi mdi-chevron-right"></i></span>
            </li>
        @endif
    </ul>
@endif