{{--
    Footer + pager. Pass `paginator` for a real LengthAwarePaginator; the
    `count` fallback keeps the static mock tables on the detail page rendering
    as before.
--}}
@props([
    'count' => 0,
    'paginator' => null,
])

@php
    $total = $paginator ? $paginator->total() : $count;

    // A sliding window of at most five page links, so a long result set does
    // not push a hundred buttons into the footer.
    $window = [];
    if ($paginator && $paginator->hasPages()) {
        $last = $paginator->lastPage();
        $start = max(1, min($paginator->currentPage() - 2, $last - 4));
        $window = $paginator->getUrlRange($start, min($last, $start + 4));
    }
@endphp

<div class="footer flex-wrap gap-2">
    <div class="records">
        <span>Total Records: <strong>{{ sprintf('%02d', $total) }}</strong></span>
    </div>
    @if($paginator)
        @if($paginator->hasPages())
            <div class="pagination flex-wrap gap-1">
                @if($paginator->onFirstPage())
                    <button type="button" class="page-btn" disabled aria-label="Previous Page">&lt;</button>
                @else
                    <a href="{{ $paginator->previousPageUrl() }}" class="page-btn" aria-label="Previous Page">&lt;</a>
                @endif

                @foreach($window as $page => $url)
                    @if($page == $paginator->currentPage())
                        <button type="button" class="page-btn active" aria-current="page" aria-label="Page {{ $page }}">{{ $page }}</button>
                    @else
                        <a href="{{ $url }}" class="page-btn" aria-label="Page {{ $page }}">{{ $page }}</a>
                    @endif
                @endforeach

                @if($paginator->hasMorePages())
                    <a href="{{ $paginator->nextPageUrl() }}" class="page-btn" aria-label="Next Page">&gt;</a>
                @else
                    <button type="button" class="page-btn" disabled aria-label="Next Page">&gt;</button>
                @endif
            </div>
        @endif
    @else
        <div class="pagination flex-wrap gap-1">
            <button type="button" class="page-btn" aria-label="Previous Page">&lt;</button>
            <button type="button" class="page-btn active" aria-label="Page 1">1</button>
            <button type="button" class="page-btn" aria-label="Page 2">2</button>
            <button type="button" class="page-btn" aria-label="Page 3">3</button>
            <button type="button" class="page-btn" aria-label="Next Page">&gt;</button>
        </div>
    @endif
</div>