@props([
    'items',           // LengthAwarePaginator (obrigatório)
    'baseUrl',         // URL base para navegação (obrigatório)
])

@if(isset($items) && method_exists($items, 'total'))
    <div class="pagination-container" 
         data-pagination-pro="true"
         data-current-page="{{ $items->currentPage() }}"
         data-total-pages="{{ $items->lastPage() }}"
         data-total-records="{{ $items->total() }}"
         data-base-url="{{ $baseUrl }}">
        
        <!-- Informações de Registro e Página (lado esquerdo) -->
        <div class="pagination-info">
            <span class="total-records"><strong>Total de Registros:</strong> {{ number_format($items->total(), 0, ',', '.') }}</span>
            <span class="page-info"><strong>Página:</strong> {{ $items->currentPage() }} de {{ $items->lastPage() }}</span>
        </div>
        
        <!-- Navegação (lado direito) -->
        <div class="pagination-nav">
            <!-- Será populado via JavaScript -->
        </div>
    </div>
@endif