{{--
    Pagination Component – wraps Laravel's paginator with styled output.
    Props:
      $paginator – Paginator instance from controller
      $info      – show "Showing X to Y of Z" info (default true)
--}}
@props(['paginator' => null, 'info' => true])

@php
    $btnBase = 'inline-flex cursor-pointer select-none items-center justify-center gap-2 font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background';
    $btnSm = 'min-w-[2.25rem] rounded-md px-3 py-1.5 text-xs';
    $primary = "{$btnBase} {$btnSm} bg-brand text-brand-foreground shadow-sm hover:bg-brand/90";
    $secondary = "{$btnBase} {$btnSm} border border-border bg-card text-card-foreground shadow-sm hover:bg-muted";
    $disabled = 'pointer-events-none cursor-not-allowed opacity-50';
@endphp

@if($paginator && $paginator->hasPages())
<div class="flex flex-col sm:flex-row items-center justify-between gap-4 mt-4">

    {{-- Info --}}
    @if($info)
        <p class="text-sm text-muted-foreground dark:text-muted-foreground/90">
            Showing
            <span class="font-medium text-foreground">{{ $paginator->firstItem() }}</span>
            to
            <span class="font-medium text-foreground">{{ $paginator->lastItem() }}</span>
            of
            <span class="font-medium text-foreground">{{ $paginator->total() }}</span>
            results
        </p>
    @endif

    {{-- Links --}}
    <nav class="flex items-center gap-1" aria-label="Pagination">
        {{-- Previous --}}
        @if($paginator->onFirstPage())
            <span class="{{ $secondary }} {{ $disabled }}" aria-disabled="true">
                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
                </svg>
            </span>
        @else
            <a href="{{ $paginator->previousPageUrl() }}" class="{{ $secondary }}" rel="prev">
                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
                </svg>
            </a>
        @endif

        {{-- Page numbers --}}
        @foreach($paginator->getUrlRange(max(1,$paginator->currentPage()-2), min($paginator->lastPage(),$paginator->currentPage()+2)) as $page => $url)
            @if($page == $paginator->currentPage())
                <span class="{{ $primary }}" aria-current="page">{{ $page }}</span>
            @else
                <a href="{{ $url }}" class="{{ $secondary }}">{{ $page }}</a>
            @endif
        @endforeach

        {{-- Next --}}
        @if($paginator->hasMorePages())
            <a href="{{ $paginator->nextPageUrl() }}" class="{{ $secondary }}" rel="next">
                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                </svg>
            </a>
        @else
            <span class="{{ $secondary }} {{ $disabled }}" aria-disabled="true">
                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                </svg>
            </span>
        @endif
    </nav>
</div>
@endif