{{-- resources/views/admin/keuangan/siswa/table_histori_global.blade.php --}}
<div class="card shadow-sm border-0">
    <div class="card-header bg-white border-bottom py-3 d-flex justify-content-between align-items-center">
        <h6 class="mb-0 fw-bold text-success"><i class="bi bi-list-columns-reverse me-2"></i>Log Histori Pembayaran Keseluruhan</h6>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th class="text-center text-secondary" style="font-size: 12px; width: 5%">NO</th>
                        <th class="text-secondary" style="font-size: 12px; width: 20%">TANGGAL (HIJRIYAH)</th>
                        <th class="text-secondary" style="font-size: 12px; width: 25%">ITEM TAGIHAN</th>
                        <th class="text-secondary" style="font-size: 12px; width: 20%">CATATAN</th>
                        <th class="text-end text-secondary" style="font-size: 12px; width: 20%">NOMINAL SETORAN</th>
                        <th class="text-center text-secondary pe-4" style="font-size: 12px; width: 10%">AKSI</th>
                    </tr>
                </thead>
                <tbody>
                    @if(isset($historiPembayaran) && $historiPembayaran->count() > 0)
                        @foreach($historiPembayaran as $index => $bayar)
                            <tr>
                                <td class="text-center text-muted">{{ (method_exists($historiPembayaran, 'currentPage') ? ($historiPembayaran->currentPage() - 1) * $historiPembayaran->perPage() : 0) + $loop->iteration }}</td>
                                <td>
                                    <span class="fw-bold text-dark d-block text-hijri-render" data-date="{{ $bayar->tanggal_bayar }}" style="font-size: 14px;">Memuat...</span>
                                    <small class="text-muted" style="font-size: 11px;"><i class="bi bi-globe2 me-1"></i>{{ date('d-m-Y', strtotime($bayar->tanggal_bayar)) }} M</small>
                                </td>
                                <td>
                                    <span class="fw-bold text-primary d-block" style="font-size: 13px;">{{ $bayar->tarif->kategori->nama ?? 'Tagihan Dihapus' }}</span>
                                    <small class="text-muted" style="font-size: 11px;">TA: {{ $bayar->tarif->tahunAjaran->tahun_ajaran_hijriyah ?? '-' }} H</small>
                                </td>
                                <td><span class="text-muted" style="font-size: 12px;">{{ $bayar->keterangan ?? '-' }}</span></td>
                                <td class="text-end fw-bold text-success pe-4" style="font-size: 14px;">+ Rp {{ number_format($bayar->nominal_bayar, 0, ',', '.') }}</td>
                                <td class="text-center pe-4">
                                    <div class="d-flex justify-content-center gap-1">
                                        <button type="button" class="btn btn-sm btn-outline-success d-inline-flex align-items-center" style="font-size: 11px; padding: 4px 6px;" 
                                            onclick="cetakKuitansi('INV-{{ str_pad($bayar->id, 5, '0', STR_PAD_LEFT) }}', '{{ date('d-m-Y', strtotime($bayar->tanggal_bayar)) }}', '{{ $bayar->tanggal_bayar }}', '{{ addslashes($bayar->keterangan ?? ($bayar->tarif->kategori->nama ?? '-')) }}', {{ $bayar->nominal_bayar }}, '{{ trim(terbilang($bayar->nominal_bayar)) }}')" title="Cetak Kuitansi">
                                            <i class="bi bi-printer"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    @else
                        <tr>
                            <td colspan="6" class="text-center py-5 text-muted">
                                <i class="bi bi-inbox fs-1 d-block mb-2 text-black-50"></i>
                                Belum ada histori pembayaran yang dicatat.
                            </td>
                        </tr>
                    @endif
                </tbody>
            </table>
        </div>
    </div>
    
    @if(isset($historiPembayaran) && method_exists($historiPembayaran, 'hasPages') && $historiPembayaran->hasPages())
        <div class="card-footer bg-white border-top py-3 d-flex justify-content-between align-items-center">
            <div class="small text-muted">
                Menampilkan log {{ $historiPembayaran->firstItem() }}-{{ $historiPembayaran->lastItem() }} dari {{ $historiPembayaran->total() }} riwayat transaksi.
            </div>
            <div class="pagination-sm">
                {{ $historiPembayaran->links('pagination::bootstrap-5') }}
            </div>
        </div>
    @endif
</div>