@props(['paginator'])

@if ($paginator instanceof \Illuminate\Contracts\Pagination\Paginator)
    <div class="flex flex-col gap-3 border-t border-zinc-200 bg-zinc-50/70 px-4 py-4 dark:border-zinc-800 dark:bg-zinc-950/35 sm:flex-row sm:items-center sm:justify-between">
        <div class="text-xs font-medium text-zinc-500 sm:text-sm">
            @if (method_exists($paginator, 'total'))
                Showing
                <span class="font-semibold text-zinc-800 dark:text-zinc-200">{{ $paginator->firstItem() ?? 0 }}</span>
                –
                <span class="font-semibold text-zinc-800 dark:text-zinc-200">{{ $paginator->lastItem() ?? 0 }}</span>
                of
                <span class="font-semibold text-zinc-800 dark:text-zinc-200">{{ $paginator->total() }}</span>
            @else
                Page {{ $paginator->currentPage() }}
            @endif
        </div>

        @if ($paginator->hasPages())
            <div class="min-w-0">
                {{ $paginator->onEachSide(1)->links() }}
            </div>
        @else
            <div class="rounded-lg border border-zinc-200 bg-white px-3 py-1.5 text-xs font-semibold text-zinc-500 dark:border-zinc-700 dark:bg-zinc-900">
                Page 1
            </div>
        @endif
    </div>
@endif