{{-- resources/views/admin/keuangan/transaksi-siswa/show-modal-verifikasi.blade.php --}}
@if(isset($konfirmasiPending))
    @foreach($konfirmasiPending as $konfirmasi)
    <div class="modal fade" id="modalVerifikasi{{ $konfirmasi->id }}" tabindex="-1" aria-hidden="true">
      <div class="modal-dialog modal-xl modal-dialog-centered">
        <div class="modal-content card-round border-0 shadow-lg">
          <div class="modal-header bg-warning text-dark">
            <h5 class="modal-title fw-bold"><i class="fa fa-check-double me-2"></i> Verifikasi Transfer & Distribusi Tagihan</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <form method="POST" action="{{ route('admin.transaksi-siswa.verifikasi', $konfirmasi->id) }}">
            @csrf
            <div class="modal-body p-4 bg-light">
                <div class="row">
                    <div class="col-md-5 border-end">
                        <div class="bg-white p-2 rounded border mb-3 text-center">
                            <a href="{{ asset('storage/uploads/bukti_transfer/'.$konfirmasi->bukti_transfer) }}" target="_blank">
                                <img src="{{ asset('storage/uploads/bukti_transfer/'.$konfirmasi->bukti_transfer) }}" class="img-fluid rounded" style="max-height: 400px; object-fit: contain;">
                            </a>
                            <small class="d-block mt-2 text-muted fst-italic">Klik gambar untuk memperbesar</small>
                        </div>
                        <div class="alert alert-secondary p-3 small mb-0">
                            <strong>Nama Pengirim:</strong> {{ $konfirmasi->nama_pengirim }}<br>
                            <strong>Tujuan:</strong> {{ $konfirmasi->bank_tujuan }}<br>
                            <strong>Catatan Siswa:</strong> {{ $konfirmasi->catatan ?: '-' }}
                        </div>
                    </div>
                    
                    <div class="col-md-7">
                        <div class="alert alert-info border-info border-start border-4 d-flex justify-content-between align-items-center mb-4">
                            <div>
                                <div class="small fw-bold">Total Transfer Masuk:</div>
                                <h4 class="mb-0 fw-bold text-dark">Rp {{ number_format($konfirmasi->nominal_transfer, 0, ',', '.') }}</h4>
                            </div>
                            <div class="text-end">
                                <div class="small fw-bold">Sisa Saldo untuk Dibagi:</div>
                                <h4 class="mb-0 fw-bold text-danger sisa-saldo-text" data-max="{{ $konfirmasi->nominal_transfer }}">
                                    Rp {{ number_format($konfirmasi->nominal_transfer, 0, ',', '.') }}
                                </h4>
                            </div>
                        </div>

                        <h6 class="fw-bold mb-3 border-bottom pb-2">Distribusikan Saldo ke Tagihan Berikut:</h6>
                        
                        <div class="distribusi-container">
                            @foreach($jenisPembayarans as $jenis)
                                @php
                                    $key = $konfirmasi->siswa_id . '_' . $jenis->id;
                                    $riwayat = $transaksis->has($key) ? $transaksis[$key] : collect();
                                    $totalBayar = $riwayat->sum('nominal_bayar');
                                    $sisaTagihan = $jenis->nominal - $totalBayar;
                                @endphp
                                <div class="row align-items-center mb-3 pb-2 border-bottom border-light">
                                    <div class="col-md-6">
                                        <div class="fw-bold text-primary">{{ $jenis->nama_jenis }}</div>
                                        
                                        @if($sisaTagihan > 0)
                                            <small class="text-muted">Kekurangan: Rp {{ number_format($sisaTagihan, 0, ',', '.') }}</small>
                                        @elseif($sisaTagihan == 0)
                                            <span class="badge bg-success small py-1">Lunas</span>
                                        @else
                                            <span class="badge bg-info text-dark small py-1">Surplus: Rp {{ number_format(abs($sisaTagihan), 0, ',', '.') }}</span>
                                        @endif
                                    </div>
                                    <div class="col-md-6">
                                        <div class="input-group">
                                            <span class="input-group-text bg-white">Rp</span>
                                            <input type="number" name="distribusi[{{ $jenis->id }}]" class="form-control fw-bold text-end input-distribusi" value="0" min="0">
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>

                        <div class="mt-4">
                            <label class="form-label fw-bold small">Catatan Admin (Opsional)</label>
                            <textarea name="admin_note" class="form-control border-secondary-subtle" rows="2" placeholder="Catatan verifikasi..."></textarea>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer bg-white border-top-0 pt-0 mt-3">
              <button type="button" class="btn btn-secondary btn-round shadow-sm" data-bs-dismiss="modal">Tutup</button>
              <button type="submit" class="btn btn-warning text-dark btn-round shadow-sm px-4 fw-bold btn-submit-verifikasi"><i class="fa fa-save me-1"></i> Sahkan & Pecah Dana</button>
            </div>
          </form>
        </div>
      </div>
    </div>
    @endforeach
@endif