{{-- resources/views/admin/kesiswaan/ppdb/_table_pembayaran.blade.php --}}
<div class="table-responsive">
  <table class="table table-bordered table-striped table-hover align-middle mb-0">
    <thead class="table-dark text-center align-middle">
      <tr>
        <th width="5%">No</th>
        <th width="15%">No. Registrasi</th>
        <th width="25%" class="text-start">Nama Calon Siswa</th>
        <th width="15%">Nominal Pembayaran</th> 
        <th width="10%">Kwitansi</th>
        <th width="15%">Status</th>
        <th width="15%">Verifikator</th>
      </tr>
    </thead>
    <tbody>
      @forelse($ppdbs as $ppdb)
        <tr class="text-center">
          <td class="fw-bold">{{ $loop->iteration }}</td>
          <td>
            <span class="badge bg-secondary shadow-sm mb-1">{{ $ppdb->register }}</span><br>
            <small class="text-muted">{{ \Carbon\Carbon::parse($ppdb->created_at)->format('d/m/y H:i') }}</small>
          </td>
          <td class="text-start fw-bold text-dark">{{ $ppdb->name }}</td>
          <td>
            @if($ppdb->pembayaran_status == 'diterima')
                <span class="text-success fw-bold">Rp {{ number_format($ppdb->pembayaran_nominal, 0, ',', '.') }}</span>
            @else
                <span class="text-muted">-</span>
            @endif
          </td>
          <td>
            @if($ppdb->kwitansi)
              <button type="button" class="btn btn-sm btn-outline-secondary shadow-sm" data-bs-toggle="modal" data-bs-target="#kwitansiModal{{ $ppdb->id }}">
                <i class="fa fa-file-alt me-1"></i> Lihat
              </button>
            @else
              <button type="button" class="btn btn-sm btn-primary shadow-sm" data-bs-toggle="modal" data-bs-target="#uploadModal{{ $ppdb->id }}">
                <i class="fa fa-upload me-1"></i> Upload
              </button>
            @endif
          </td>
          <td>
            <span class="badge bg-{{ $ppdb->pembayaran_badge }} shadow-sm px-3 py-2">{{ $ppdb->pembayaran_label }}</span>
          </td>
          <td>
             @if($ppdb->verified_by_name)
                <span class="badge bg-info text-dark shadow-sm"><i class="fas fa-user-check me-1"></i> {{ $ppdb->verified_by_name }}</span>
             @else
                <span class="text-muted">-</span>
             @endif
          </td>
        </tr>

        @if($ppdb->kwitansi)
        <div class="modal fade" id="kwitansiModal{{ $ppdb->id }}" tabindex="-1" aria-hidden="true">
          <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
            <div class="modal-content card-round border-0 shadow-lg">
              <div class="modal-header bg-dark text-white">
                <h5 class="modal-title fw-bold"><i class="fas fa-file-invoice-dollar me-2"></i> Verifikasi Pembayaran: {{ $ppdb->name }}</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
              </div>
              <div class="modal-body p-4">
                <div class="row">
                    <div class="col-md-7 text-center border-end">
                        @php
                          $cleanFilename = basename($ppdb->kwitansi); 
                          $ext = strtolower(pathinfo($cleanFilename, PATHINFO_EXTENSION));
                          
                          if (file_exists(public_path('uploads/ppdb/kwitansi/' . $cleanFilename))) {
                              $kwitansiUrl = asset('uploads/ppdb/kwitansi/' . $cleanFilename);
                          } elseif (file_exists(public_path('storage/ppdb/kwitansi/' . $cleanFilename))) {
                              $kwitansiUrl = asset('storage/ppdb/kwitansi/' . $cleanFilename);
                          } else {
                              $kwitansiUrl = asset('storage/ppdb/kwitansi/' . $cleanFilename);
                          }
                        @endphp

                        @if(in_array($ext, ['jpg','jpeg','png','webp']))
                          <img src="{{ $kwitansiUrl }}" class="img-fluid rounded shadow-sm border" style="max-height: 400px; object-fit: contain;">
                        @elseif($ext === 'pdf')
                          <iframe src="{{ $kwitansiUrl }}" width="100%" height="400" class="rounded shadow-sm border"></iframe>
                        @else
                          <div class="alert alert-warning shadow-sm">
                              Format file tidak didukung preview. <br>
                              <a href="{{ $kwitansiUrl }}" target="_blank" class="fw-bold">Klik untuk mendownload</a>
                          </div>
                        @endif
                        
                        <div class="mt-3">
                            <a href="{{ $kwitansiUrl }}" target="_blank" class="btn btn-outline-primary btn-sm btn-round shadow-sm">
                                <i class="fa fa-external-link-alt me-1"></i> Buka Fullscreen
                            </a>
                        </div>
                    </div>

                    <div class="col-md-5 d-flex flex-column justify-content-center px-4">
                        <h6 class="fw-bold mb-3 text-dark border-bottom pb-2">Tindakan Verifikasi Admin</h6>
                        <form method="POST" action="{{ route('admin.ppdb.pembayaran.terima', $ppdb->id) }}" class="mb-3">
                            @csrf @method('PUT')
                            <div class="mb-3">
                                <label class="form-label small fw-bold text-success">Input Nominal (Rp) <span class="text-danger">*</span></label>
                                <input type="number" name="nominal" class="form-control border-success-subtle bg-light fw-bold" 
                                       placeholder="Contoh: 100000" min="0" required
                                       value="{{ $ppdb->pembayaran_nominal > 0 ? $ppdb->pembayaran_nominal : '' }}">
                            </div>
                            <button type="submit" class="btn btn-success w-100 shadow-sm fw-bold" onclick="return confirm('Terima dan validasi pembayaran ini?')">
                                <i class="fa fa-check-circle me-1"></i> Verifikasi & Terima
                            </button>
                        </form>
                        
                        <div class="position-relative text-center my-3">
                            <span class="bg-white px-2 text-muted small position-relative" style="z-index: 2;">ATAU</span>
                            <hr class="position-absolute top-50 w-100 m-0" style="z-index: 1;">
                        </div>

                        <form method="POST" action="{{ route('admin.ppdb.pembayaran.tolak', $ppdb->id) }}">
                            @csrf @method('PUT')
                            <button type="submit" class="btn btn-outline-danger w-100 shadow-sm fw-bold" onclick="return confirm('Tolak pembayaran ini?')">
                                <i class="fa fa-times-circle me-1"></i> Tolak Pembayaran
                            </button>
                        </form>
                    </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        @else

        <div class="modal fade" id="uploadModal{{ $ppdb->id }}" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content card-round border-0 shadow-lg">
                    <div class="modal-header bg-primary text-white">
                        <h5 class="modal-title fw-bold"><i class="fa fa-upload me-2"></i> Upload Kwitansi – {{ $ppdb->name }}</h5>
                        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                    </div>
                    <form action="{{ route('admin.ppdb.upload-kwitansi', $ppdb->id) }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="modal-body p-4">
                            <div class="mb-3">
                                <label class="form-label fw-bold">File Bukti Pembayaran <span class="text-danger">*</span></label>
                                <input type="file" name="kwitansi" class="form-control border-primary-subtle shadow-none" required accept=".jpg,.jpeg,.png,.pdf">
                                <small class="text-muted d-block mt-2">Format: JPG, PNG, PDF (Maks 2MB).</small>
                            </div>
                        </div>
                        <div class="modal-footer bg-light border-0">
                            <button type="button" class="btn btn-secondary btn-round" data-bs-dismiss="modal">Batal</button>
                            <button type="submit" class="btn btn-primary btn-round shadow-sm"><i class="fa fa-cloud-upload-alt me-1"></i> Upload Bukti</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        @endif

      @empty
        <tr><td colspan="7" class="text-center text-muted py-5"><i class="fa fa-wallet fa-3x mb-3 opacity-50"></i><h5>Belum ada data pembayaran.</h5></td></tr>
      @endforelse
    </tbody>
  </table>
</div>