{{--
    Porte de views/partials/table-pagination.php do aurios-ops original.
    @var array{page:int,pages:int,total:int} $pagination
    @var string $paginationPath
--}}
@php
    $paginationQueryKey = $paginationQueryKey ?? 'page';
    $pageUrl = static function (int $page) use ($paginationPath, $paginationQueryKey) {
        $query = request()->query();
        $query[$paginationQueryKey] = $page;

        return url($paginationPath.'?'.http_build_query($query));
    };
@endphp
@if ($pagination['pages'] > 1)
    <nav class="observability-pagination table-pagination" aria-label="Paginação da tabela">
        @if ($pagination['page'] > 1)
            <a class="btn btn--subtle btn--sm" href="{{ $pageUrl($pagination['page'] - 1) }}" data-table-page data-no-preloader><i class="ic sm">chevron_left</i><span>Anterior</span></a>
        @else
            <span class="btn btn--subtle btn--sm" aria-disabled="true"><i class="ic sm">chevron_left</i><span>Anterior</span></span>
        @endif

        @php
            $windowStart = max(1, min($pagination['page'] - 2, $pagination['pages'] - 4));
            $windowEnd = min($pagination['pages'], $windowStart + 4);
        @endphp
        <div class="table-pagination__pages" aria-label="Páginas">
            @for ($pageNumber = $windowStart; $pageNumber <= $windowEnd; $pageNumber++)
                @if ($pageNumber === $pagination['page'])
                    <span class="btn btn--subtle btn--sm is-current" aria-current="page">{{ $pageNumber }}</span>
                @else
                    <a class="btn btn--subtle btn--sm" href="{{ $pageUrl($pageNumber) }}" data-table-page data-no-preloader aria-label="Página {{ $pageNumber }}">{{ $pageNumber }}</a>
                @endif
            @endfor
        </div>
        <span class="muted small table-pagination__summary">Página {{ $pagination['page'] }} de {{ $pagination['pages'] }}</span>

        @if ($pagination['page'] < $pagination['pages'])
            <a class="btn btn--subtle btn--sm" href="{{ $pageUrl($pagination['page'] + 1) }}" data-table-page data-no-preloader><span>Próxima</span><i class="ic sm">chevron_right</i></a>
        @else
            <span class="btn btn--subtle btn--sm" aria-disabled="true"><span>Próxima</span><i class="ic sm">chevron_right</i></span>
        @endif
    </nav>
@endif