@if (!$paginator->isEmpty())
<div class="pagination-wrap">
    <div class="data_info">
        Showing {{ $paginator->firstItem() }}-{{ $paginator->lastItem() }} of {{ $paginator->total() }} results
    </div>
    <div class="pagination">
        {{-- Previous Page Link --}}
        @if ($paginator->onFirstPage())
            <a class="paginate_button first disabled" title="First">
                <img src="{{ asset('images/pagination-bg-arrow.svg') }}" alt="First Page">
            </a>
            <a class="paginate_button previous disabled" title="Previous">
                <img src="{{ asset('images/pagination-sm-arrow.svg') }}" alt="Previous Page">
            </a>
        @else
            <a href="{{ $paginator->previousPageUrl() }}" class="paginate_button first" title="First">
                <img src="{{ asset('images/pagination-bg-arrow.svg') }}" alt="First Page">
            </a>
            <a href="{{ $paginator->previousPageUrl() }}" class="paginate_button previous" title="Previous">
                <img src="{{ asset('images/pagination-sm-arrow.svg') }}" alt="Previous Page">
            </a>
        @endif

        {{-- Next Page Link --}}
        @if ($paginator->hasMorePages())
            <a href="{{ $paginator->nextPageUrl() }}" class="paginate_button next" title="Next">
                <img src="{{ asset('images/pagination-sm-arrow.svg') }}" alt="Next Page">
            </a>
            <a href="{{ $paginator->url($paginator->lastPage()) }}" class="paginate_button last" title="Last">
                <img src="{{ asset('images/pagination-bg-arrow.svg') }}" alt="Last Page">
            </a>
        @else
            <a class="paginate_button next disabled" title="Next">
                <img src="{{ asset('images/pagination-sm-arrow.svg') }}" alt="Next Page">
            </a>
            <a class="paginate_button last disabled" title="Last">
                <img src="{{ asset('images/pagination-bg-arrow.svg') }}" alt="Last Page">
            </a>
        @endif

    </div>
</div>
@endif