@php
    $id = $id ?? 'paginacao';
@endphp

@php
    $current = $paginator->currentPage();
    $last    = $paginator->lastPage();
    $window  = 2;
    $pages   = range(max(1, $current - $window), min($last, $current + $window));
@endphp

<div class="card-footer bg-white border-top d-flex align-items-center justify-content-between rounded-bottom-4 px-4 py-3">
    <small class="text-muted fw-medium">
        Total de Registros: {{ $paginator->total() }}
        &nbsp;&nbsp;
        Página: {{ $current }} de {{ $last }}
    </small>

    <div id="{{ $id }}">
        <ul class="pagination pagination-sm mb-0">

            {{-- Anterior --}}
            <li class="page-item {{ $paginator->onFirstPage() ? 'disabled' : '' }}">
                <a class="page-link ul-page-link" href="{{ $paginator->previousPageUrl() ?? '#' }}">
                    <i class="bi bi-chevron-left"></i>
                </a>
            </li>

            {{-- Primeira página + reticências --}}
            @if ($pages[0] > 1)
                <li class="page-item">
                    <a class="page-link ul-page-link" href="{{ $paginator->url(1) }}">1</a>
                </li>
                @if ($pages[0] > 2)
                    <li class="page-item disabled"><span class="page-link">...</span></li>
                @endif
            @endif

            {{-- Janela de páginas --}}
            @foreach ($pages as $p)
                <li class="page-item {{ $p === $current ? 'ul-page-active' : '' }}">
                    <a class="page-link ul-page-link" href="{{ $paginator->url($p) }}">{{ $p }}</a>
                </li>
            @endforeach

            {{-- Reticências + última página --}}
            @php $lastPage = end($pages); @endphp
            @if ($lastPage < $last)
                @if ($lastPage < $last - 1)
                    <li class="page-item disabled"><span class="page-link">...</span></li>
                @endif
                <li class="page-item">
                    <a class="page-link ul-page-link" href="{{ $paginator->url($last) }}">{{ $last }}</a>
                </li>
            @endif

            {{-- Próxima --}}
            <li class="page-item {{ $paginator->hasMorePages() ? '' : 'disabled' }}">
                <a class="page-link ul-page-link" href="{{ $paginator->nextPageUrl() ?? '#' }}">
                    <i class="bi bi-chevron-right"></i>
                </a>
            </li>

        </ul>
    </div>
</div>

<style>
    .ul-page-link                              { color: var(--primary); border-color: #dee2e6; }
    .ul-page-link:hover                        { color: var(--primary-dark); background-color: #e8ecf8; border-color: #dee2e6; }
    .ul-page-active > .ul-page-link            { background-color: var(--primary); border-color: var(--primary); color: #fff; }
    .ul-page-active > .ul-page-link:hover      { background-color: var(--primary-dark); border-color: var(--primary-dark); color: #fff; }
    .page-item.disabled .ul-page-link          { color: #adb5bd; }
</style>

<script>
(function () {
    var el = document.getElementById('{{ $id }}');
    if (!el) return;
    el.addEventListener('click', function (e) {
        var link = e.target.closest('a[href]');
        if (link) {
            e.preventDefault();
            carregarConteudo(link.getAttribute('href'));
        }
    });
})();
</script>