@if ($paginator->hasPages())
    <div class="pagination-wrapper d-flex align-items-center justify-content-between flex-wrap gap-2 pt-2">
        <div class="pagination-info text-muted small">
            Menampilkan <strong>{{ $paginator->firstItem() }}</strong> - <strong>{{ $paginator->lastItem() }}</strong> dari <strong>{{ $paginator->total() }}</strong> Data
        </div>

        <nav>
            <ul class="pagination pagination-sm mb-0 align-items-center gap-1">
                {{-- Previous Page Link --}}
                @if ($paginator->onFirstPage())
                    <li class="page-item disabled" aria-disabled="true">
                        <span class="page-link rounded-3 px-3 shadow-none">
                            <i class="bi bi-chevron-left me-1"></i> Prev
                        </span>
                    </li>
                @else
                    <li class="page-item">
                        <a class="page-link rounded-3 px-3 shadow-none" href="{{ $paginator->previousPageUrl() }}" rel="prev">
                            <i class="bi bi-chevron-left me-1"></i> Prev
                        </a>
                    </li>
                @endif

                {{-- Single Active Page Indicator --}}
                <li class="page-item active" aria-current="page">
                    <span class="page-link rounded-3 px-3 fw-bold bg-primary text-white border-primary shadow-sm">
                        Halaman {{ $paginator->currentPage() }} / {{ $paginator->lastPage() }}
                    </span>
                </li>

                {{-- Next Page Link --}}
                @if ($paginator->hasMorePages())
                    <li class="page-item">
                        <a class="page-link rounded-3 px-3 shadow-none" href="{{ $paginator->nextPageUrl() }}" rel="next">
                            Next <i class="bi bi-chevron-right ms-1"></i>
                        </a>
                    </li>
                @else
                    <li class="page-item disabled" aria-disabled="true">
                        <span class="page-link rounded-3 px-3 shadow-none">
                            Next <i class="bi bi-chevron-right ms-1"></i>
                        </span>
                    </li>
                @endif
            </ul>
        </nav>
    </div>
@else
    <div class="pagination-wrapper d-flex align-items-center justify-content-between flex-wrap gap-2 pt-2">
        <div class="pagination-info text-muted small">
            Menampilkan <strong>{{ $paginator->total() }}</strong> dari <strong>{{ $paginator->total() }}</strong> Data
        </div>
    </div>
@endif