@props(['paginator'])

@if ($paginator->hasPages())
    <div style="display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1rem;font-size:.82rem;color:var(--ink-soft);">
        <span>Showing {{ $paginator->firstItem() }}–{{ $paginator->lastItem() }} of {{ number_format($paginator->total()) }}</span>
        <span style="display:flex;gap:.5rem;">
            @if ($paginator->onFirstPage())
                <span class="btn btn-ghost btn-sm" style="opacity:.4;pointer-events:none;"><i class="fa-light fa-chevron-left"></i> Prev</span>
            @else
                <a class="btn btn-ghost btn-sm" href="{{ $paginator->previousPageUrl() }}"><i class="fa-light fa-chevron-left"></i> Prev</a>
            @endif
            @if ($paginator->hasMorePages())
                <a class="btn btn-ghost btn-sm" href="{{ $paginator->nextPageUrl() }}">Next <i class="fa-light fa-chevron-right"></i></a>
            @else
                <span class="btn btn-ghost btn-sm" style="opacity:.4;pointer-events:none;">Next <i class="fa-light fa-chevron-right"></i></span>
            @endif
        </span>
    </div>
@endif