@if($paginator != null && $paginator->hasPages())
    <div class="row align-items-center justify-content-between py-2 pe-0 fs-9">
        <div class="col-auto d-flex">
            <p class="mb-0 d-none d-sm-block me-3 fw-semibold text-body">
                Showing {{ $paginator->firstItem() }} to {{ $paginator->lastItem() }} of {{ $paginator->total() }}
            </p>
            <a class="fw-semibold" href="{{ $paginator->url(1) }}">View all
                <span class="fas fa-angle-right ms-1" data-fa-transform="down-1"></span>
            </a>
        </div>
        <div class="col-auto d-flex">
            <!-- Previous Button -->
            <button class="page-link" {{ $paginator->onFirstPage() ? 'disabled' : '' }} onclick="location.href='{{ $paginator->previousPageUrl() }}'">
                <span class="fas fa-chevron-left"></span>
            </button>

            <!-- Pagination Links -->
            <ul class="mb-0 pagination">
                @foreach ($paginator->getUrlRange(1, $paginator->lastPage()) as $page => $url)
                    <li class="page-item {{ $page == $paginator->currentPage() ? 'active' : '' }}">
                        <a class="page-link" href="{{ $url }}">{{ $page }}</a>
                    </li>
                @endforeach
            </ul>

            <!-- Next Button -->
            <button class="page-link pe-0" {{ $paginator->hasMorePages() ? '' : 'disabled' }} onclick="location.href='{{ $paginator->nextPageUrl() }}'">
                <span class="fas fa-chevron-right"></span>
            </button>
        </div>
    </div>
@endif