@extends('admin.layout')
@section('title','Detail Pendaftar')
@section('content')

@php
  $currentUser = auth()->user();
  $canApprovePayments = $currentUser->isSuperAdmin() || $currentUser->hasFeature('can_approve_payments');
@endphp

{{-- NOTE:
    File ini memiliki struktur @if/@foreach yang panjang. Di versi sebelumnya ada duplikasi blok penutup dan tag Blade yang membuat
    parsing gagal (syntax error: unexpected token "endif"). Blok duplikat dihapus pada bagian akhir file.
 --}}


<div class="page-header">
  <div>
    <h1>{{ $biodata->nama_anak ?? $u->nama_pendaftar }}</h1>
    <p>Detail lengkap data pendaftaran calon peserta didik</p>
  </div>
  <div style="display:flex;gap:8px;">
    <a href="{{ route('admin.pendaftar.index') }}" class="btn btn-outline">← Kembali</a>
    @if(in_array($u->status_langkah,['verifikasi_berkas','selesai']))
    <form method="POST" action="{{ route('admin.seleksi.cetak',$u->id_user) }}" style="display:flex;gap:6px;align-items:center;">
      @csrf
      <select name="status_seleksi" class="form-select" style="width:140px;">
        <option value="proses" {{ ($u->status_seleksi??'')=='proses'?'selected':'' }}><i data-lucide="settings" style="width:14px;height:14px;margin-right:6px;vertical-align:-2px;"></i>Proses</option>
        <option value="diterima" {{ ($u->status_seleksi??'')=='diterima'?'selected':'' }}><i data-lucide="check" style="width:14px;height:14px;margin-right:6px;vertical-align:-2px;"></i>Diterima</option>
        <option value="tidak_diterima" {{ ($u->status_seleksi??'')=='tidak_diterima'?'selected':'' }}><i data-lucide="x" style="width:14px;height:14px;margin-right:6px;vertical-align:-2px;"></i>Ditolak</option>
        <option value="daftar_tunggu" {{ ($u->status_seleksi??'')=='daftar_tunggu'?'selected':'' }}><i data-lucide="clock" style="width:14px;height:14px;margin-right:6px;vertical-align:-2px;"></i>Daftar Tunggu</option>
      </select>
      <button type="submit" class="btn btn-primary">Simpan Keputusan</button>
    </form>
    @endif
  </div>
</div>

<!-- DATA AKUN PENDAFTAR -->
<div class="card" style="grid-column: 1 / -1;">
  <div class="card-header">
    <div class="card-title"><i data-lucide="user" style="width:16px;height:16px;"></i> Data Akun Pendaftar (Orang Tua/Wali)</div>
  </div>
  <div class="card-body">
    <div style="display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;">
      @php
        $acountData = [
          'Kode Pendaftaran' => $u->id_user,
          'Email' => $u->email,
          'Nomor HP' => $u->no_hp ?? '—',
          'Tanggal Registrasi' => \Carbon\Carbon::parse($u->created_at)->format('d M Y H:i'),
        ];
        if(!empty($kode_siswa)) {
          $acountData['Kode Siswa'] = $kode_siswa;
        }
      @endphp
      @foreach($acountData as $label => $value)
      <div>
        <div style="font-size:11px;text-transform:uppercase;letter-spacing:0.05em;color:var(--gray-600);font-weight:600;margin-bottom:6px;">{{ $label }}</div>
        <div style="font-size:13px;font-weight:600;color:var(--gray-900);">{{ $value }}</div>
      </div>
      @endforeach
    </div>
  </div>
</div>

@if($biodata)

<!-- DATA ANAK -->
<div class="card" style="grid-column: 1 / -1;">
  <div class="card-header">
    <div class="card-title"><i data-lucide="baby" style="width:16px;height:16px;"></i> Data Calon Siswa</div>
  </div>
  <div class="card-body">
    <div style="display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;">
      @php
        $childData = [
          'Nama Lengkap' => $biodata->nama_anak,
          'NIK (Kartu Identitas)' => $biodata->nik ?? '—',
          'No. Kartu Keluarga' => $biodata->no_kk ?? '—',
          'NISN (Sekolah Asal)' => $biodata->nipsn_nss_nsm ?? '—',
          'Tempat Lahir' => $biodata->tempat_lahir ?? '—',
          'Tanggal Lahir' => $biodata->tgl_lahir ?? '—',
          'Jenis Kelamin' => ($biodata->jenis_kelamin === 'Laki-laki' ? 'Laki-laki' : ($biodata->jenis_kelamin === 'Perempuan' ? 'Perempuan' : '—')),
          'Agama' => $biodata->agama ?? '—',
          'Anak Ke' => $biodata->anak_ke ?? '—',
          'Jumlah Saudara' => $biodata->jumlah_saudara ?? '—',
          'Golongan Darah' => $biodata->golongan_darah ?? '—',
          'Cita-cita' => $biodata->cita_cita ?? '—',
          'Hobi' => $biodata->hobi ?? '—',
          'Tinggi Badan (cm)' => $biodata->tinggi_badan ?? '—',
          'Berat Badan (kg)' => $biodata->berat_badan ?? '—',
          'Riwayat Penyakit' => $biodata->riwayat_penyakit ?? '—',
          'Tinggal Dengan' => $biodata->tinggal_dengan ?? '—',
          'Transportasi' => ($biodata->transportasi ? ($biodata->transportasi === 'lainnya' ? $biodata->transportasi_lainnya : $biodata->transportasi) : '—'),
        ];
      @endphp
      @foreach($childData as $label => $value)
      <div>
        <div style="font-size:11px;text-transform:uppercase;letter-spacing:0.05em;color:var(--gray-600);font-weight:600;margin-bottom:6px;">{{ $label }}</div>
        <div style="font-size:13px;font-weight:600;color:var(--gray-900);">{{ $value }}</div>
      </div>
      @endforeach
    </div>
  </div>
</div>

<!-- DATA ALAMAT -->
<div class="card" style="grid-column: 1 / -1;">
  <div class="card-header">
    <div class="card-title"><i data-lucide="map-pin" style="width:16px;height:16px;"></i> Data Alamat</div>
  </div>
  <div class="card-body">
    <div style="display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;">
      @php
        $addressData = [
          'Alamat KTP' => $biodata->alamat_ktp ?? '—',
          'Alamat Tinggal' => $biodata->alamat_tinggal ?? '—',
          'Jarak ke Sekolah' => $biodata->jarak_ke_sekolah ?? '—',
        ];
      @endphp
      @foreach($addressData as $label => $value)
      <div>
        <div style="font-size:11px;text-transform:uppercase;letter-spacing:0.05em;color:var(--gray-600);font-weight:600;margin-bottom:6px;">{{ $label }}</div>
        <div style="font-size:13px;font-weight:600;color:var(--gray-900);">{{ $value }}</div>
      </div>
      @endforeach
    </div>
  </div>
</div>

<!-- DATA SEKOLAH ASAL -->
<div class="card" style="grid-column: 1 / -1;">
  <div class="card-header">
    <div class="card-title"><i data-lucide="book-open" style="width:16px;height:16px;"></i> Data Sekolah Asal</div>
  </div>
  <div class="card-body">
    <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;">
      @php
        $schoolData = [
          'Nama Sekolah' => $biodata->nama_sekolah_asal ?? '—',
          'NPSN/NSS/NSM' => $biodata->nipsn_nss_nsm ?? '—',
          'Jenis Sekolah' => $biodata->sekolah_asal_jenis ?? '—',
          'Lulusan RA Yapiri' => ($biodata->lulusan_ra_yapiri ? 'Ya' : 'Tidak') ?? '—',
        ];
      @endphp
      @foreach($schoolData as $label => $value)
      <div>
        <div style="font-size:11px;text-transform:uppercase;letter-spacing:0.05em;color:var(--gray-600);font-weight:600;margin-bottom:6px;">{{ $label }}</div>
        <div style="font-size:13px;font-weight:600;color:var(--gray-900);">{{ $value }}</div>
      </div>
      @endforeach
    </div>
  </div>
</div>

<!-- HASIL TES ONLINE BAKAT ANAK -->
@if($bakat)
<div class="card" style="grid-column: 1 / -1;">
  <div class="card-header">
    <div class="card-title"><i data-lucide="brain" style="width:16px;height:16px;"></i> Hasil Tes Online Bakat Anak</div>
  </div>
  <div class="card-body">
    <!-- Kategori Dominan & Total Waktu -->
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;padding-bottom:24px;border-bottom:2px solid var(--gray-200);">
      <div style="background:linear-gradient(135deg, #EEF2FF 0%, #E0E7FF 100%);padding:20px;border-radius:8px;border:2px solid #818CF8;">
        <div style="font-size:11px;text-transform:uppercase;letter-spacing:0.05em;color:#4338CA;font-weight:600;margin-bottom:8px;">Kategori Bakat Dominan</div>
        <div style="font-size:20px;font-weight:700;color:#4338CA;">{{ $bakat->kategori_dominan ?? '—' }}</div>
      </div>
      <div style="background:linear-gradient(135deg, #FEF3C7 0%, #FDE68A 100%);padding:20px;border-radius:8px;border:2px solid #F59E0B;">
        <div style="font-size:11px;text-transform:uppercase;letter-spacing:0.05em;color:#92400E;font-weight:600;margin-bottom:8px;">Total Waktu Pengerjaan</div>
        <div style="font-size:20px;font-weight:700;color:#92400E;">{{ isset($bakat->total_waktu_detik) ? gmdate('i:s', $bakat->total_waktu_detik) . ' menit' : '—' }}</div>
      </div>
    </div>

    <!-- Skor Detail per Kategori -->
    <div style="margin-bottom:20px;">
      <div style="font-size:12px;text-transform:uppercase;letter-spacing:0.05em;color:var(--gray-700);font-weight:700;margin-bottom:16px;">Skor Detail per Kategori Bakat</div>
      <div style="display:grid;grid-template-columns:repeat(5, 1fr);gap:16px;">
        @php
          $skorCategories = [
            ['label' => 'Visual-Spasial', 'key' => 'skor_visual', 'color' => '#3B82F6'],
            ['label' => 'Logis-Matematis', 'key' => 'skor_logis', 'color' => '#8B5CF6'],
            ['label' => 'Kreativitas', 'key' => 'skor_kreativitas', 'color' => '#EC4899'],
            ['label' => 'Sosial-Emosional', 'key' => 'skor_sosial_emosional', 'color' => '#10B981'],
            ['label' => 'Motorik', 'key' => 'skor_motorik', 'color' => '#F59E0B'],
          ];
        @endphp
        @foreach($skorCategories as $cat)
        <div style="text-align:center;padding:16px;background:#F9FAFB;border-radius:8px;border:1px solid #E5E7EB;">
          <div style="font-size:11px;color:var(--gray-600);font-weight:600;margin-bottom:8px;">{{ $cat['label'] }}</div>
          <div style="font-size:28px;font-weight:800;color:{{ $cat['color'] }};">{{ $bakat->{$cat['key']} ?? 0 }}</div>
          <div style="margin-top:8px;height:6px;background:#E5E7EB;border-radius:3px;overflow:hidden;">
            <div style="height:100%;background:{{ $cat['color'] }};width:{{ isset($bakat->{$cat['key']}) ? min(100, $bakat->{$cat['key']}) : 0 }}%;"></div>
          </div>
        </div>
        @endforeach
      </div>
    </div>

    <!-- Rekomendasi Parenting -->
    @if(isset($bakat->rekomendasi_parenting) && $bakat->rekomendasi_parenting)
    <div style="background:#F0FDF4;border:2px solid #86EFAC;border-radius:8px;padding:20px;">
      <div style="font-size:12px;text-transform:uppercase;letter-spacing:0.05em;color:#166534;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:8px;">
        <i data-lucide="lightbulb" style="width:16px;height:16px;"></i> Rekomendasi Parenting
      </div>
      <div style="font-size:13px;color:#166534;line-height:1.6;">{{ $bakat->rekomendasi_parenting }}</div>
    </div>
    @endif
  </div>
</div>
@else
<div class="card" style="grid-column: 1 / -1;">
  <div class="card-header">
    <div class="card-title"><i data-lucide="brain" style="width:16px;height:16px;"></i> Hasil Tes Online Bakat Anak</div>
  </div>
  <div class="card-body">
    <div style="padding:40px 20px;text-align:center;">
      <i data-lucide="file-question" style="width:48px;height:48px;color:var(--gray-300);margin:0 auto 12px;display:block;"></i>
      <div style="color:var(--gray-600);font-size:14px;font-weight:600;">Belum Mengerjakan Tes Online</div>
      <div style="color:var(--gray-500);font-size:12px;margin-top:4px;">Pendaftar belum menyelesaikan tes online bakat anak</div>
    </div>
  </div>
</div>
@endif

<!-- DATA ORANG TUA / WALI -->
<div class="card" style="grid-column: 1 / -1;">
  <div class="card-header">
    <div class="card-title"><i data-lucide="users" style="width:16px;height:16px;"></i> Data Orang Tua / Wali</div>
  </div>
  <div class="card-body">
    <div style="display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;">
      <!-- DATA AYAH -->
      <div style="border-right:1px solid var(--gray-200);padding-right:20px;">
        <div style="font-size:12px;text-transform:uppercase;letter-spacing:0.05em;color:var(--primary);font-weight:700;margin-bottom:14px;">Data Ayah Kandung</div>
        @php
          $fatherData = [
            'Nama Ayah' => $biodata->nama_ayah,
            'Tempat Lahir' => $biodata->tempat_lahir_ayah,
            'Tanggal Lahir' => $biodata->tgl_lahir_ayah,
            'NIK' => $biodata->nik_ayah,
            'No. Kartu Keluarga' => $biodata->no_kk_ayah,
            'Alamat KTP' => $biodata->alamat_ktp_ayah,
            'Alamat Tinggal' => $biodata->alamat_tinggal_ayah,
            'Status Rumah' => $biodata->status_rumah_ayah,
            'Pekerjaan' => $biodata->pekerjaan_ayah,
            'Penghasilan' => $biodata->penghasilan_ayah,
            'Pendidikan' => $biodata->pendidikan_ayah,
            'Nomor HP' => $biodata->telp_ayah,
            'Email' => $biodata->email_ayah,
          ];
        @endphp
        @foreach($fatherData as $label => $value)
        <div style="margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--gray-100);">
          <div style="font-size:11px;color:var(--gray-600);font-weight:600;margin-bottom:4px;">{{ $label }}</div>
          <div style="font-size:13px;font-weight:600;color:var(--gray-900);">{{ $value ?? '—' }}</div>
        </div>
        @endforeach
      </div>

      <!-- DATA IBU -->
      <div style="padding-left:20px;">
        <div style="font-size:12px;text-transform:uppercase;letter-spacing:0.05em;color:var(--primary);font-weight:700;margin-bottom:14px;">Data Ibu Kandung</div>
        @php
          $motherData = [
            'Nama Ibu' => $biodata->nama_ibu,
            'Tempat Lahir' => $biodata->tempat_lahir_ibu,
            'Tanggal Lahir' => $biodata->tgl_lahir_ibu,
            'NIK' => $biodata->nik_ibu,
            'No. Kartu Keluarga' => $biodata->no_kk_ibu,
            'Alamat KTP' => $biodata->alamat_ktp_ibu,
            'Alamat Tinggal' => $biodata->alamat_tinggal_ibu,
            'Status Rumah' => $biodata->status_rumah_ibu,
            'Pekerjaan' => $biodata->pekerjaan_ibu,
            'Penghasilan' => $biodata->penghasilan_ibu,
            'Pendidikan' => $biodata->pendidikan_ibu,
            'Nomor HP' => $biodata->telp_ibu,
            'Email' => $biodata->email_ibu,
          ];
        @endphp
        @foreach($motherData as $label => $value)
        <div style="margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--gray-100);">
          <div style="font-size:11px;color:var(--gray-600);font-weight:600;margin-bottom:4px;">{{ $label }}</div>
          <div style="font-size:13px;font-weight:600;color:var(--gray-900);">{{ $value ?? '—' }}</div>
        </div>
        @endforeach
      </div>
    </div>

    <!-- DATA WALI (jika ada) -->
    @if($biodata->nama_wali)
    <div style="margin-top:20px;padding-top:20px;border-top:2px solid var(--gray-200);">
      <div style="font-size:12px;text-transform:uppercase;letter-spacing:0.05em;color:var(--purple);font-weight:700;margin-bottom:14px;">Data Wali</div>
      <div style="display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;">
        @php
          $guardianData = [
            'Nama Wali' => $biodata->nama_wali,
            'Tempat Lahir' => $biodata->tempat_lahir_wali,
            'Tanggal Lahir' => $biodata->tgl_lahir_wali,
            'Hubungan' => $biodata->hubungan_wali,
            'NIK' => $biodata->nik_wali,
            'No. Kartu Keluarga' => $biodata->no_kk_wali,
            'Alamat KTP' => $biodata->alamat_ktp_wali,
            'Alamat Tinggal' => $biodata->alamat_tinggal_wali,
            'Alamat' => $biodata->alamat_wali,
            'Status Rumah' => $biodata->status_rumah_wali,
            'Pekerjaan' => $biodata->pekerjaan_wali,
            'Penghasilan' => $biodata->penghasilan_wali,
            'Pendidikan' => $biodata->pendidikan_wali,
            'Nomor HP' => $biodata->no_hp_wali,
            'Email' => $biodata->email_wali,
          ];
        @endphp
        @foreach($guardianData as $label => $value)
        <div style="padding-bottom:12px;border-bottom:1px solid var(--gray-100);">
          <div style="font-size:11px;color:var(--gray-600);font-weight:600;margin-bottom:4px;">{{ $label }}</div>
          <div style="font-size:13px;font-weight:600;color:var(--gray-900);">{{ $value ?? '—' }}</div>
        </div>
        @endforeach
      </div>
    </div>
    @endif
  </div>
</div>

<!-- DATA PENDAFTARAN STATUS -->
<div class="card" style="grid-column: 1 / -1;">
  <div class="card-header">
    <div class="card-title"><i data-lucide="clipboard-list" style="width:16px;height:16px;"></i> Data Pendaftaran & Status</div>
  </div>
  <div class="card-body">
    <div style="display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;">
      @php
        $statusData = [
          'Status Langkah' => ucwords(str_replace('_', ' ', $u->status_langkah ?? 'Belum Diisi')),
          'Status Verifikasi Berkas' => ucwords(str_replace('_', ' ', $biodata->status_berkas ?? 'Belum Dicek')),
          'Status Pembayaran' => ucwords(str_replace('_', ' ', $u->status_pembayaran ?? 'Pending')),
          'Status Seleksi' => ucwords(str_replace('_', ' ', $u->status_seleksi ?? 'Proses')),
        ];
      @endphp
      @foreach($statusData as $label => $value)
      <div>
        <div style="font-size:11px;text-transform:uppercase;letter-spacing:0.05em;color:var(--gray-600);font-weight:600;margin-bottom:6px;">{{ $label }}</div>
        <div style="font-size:13px;font-weight:600;">
          @if(str_contains($label, 'Verifikasi Berkas'))
            <span class="badge badge-{{ $biodata->status_berkas === 'valid' ? 'green' : ($biodata->status_berkas === 'tidak_valid' ? 'red' : 'yellow') }}">
              {{ $value }}
            </span>
          @elseif(str_contains($label, 'Seleksi'))
            <span class="badge badge-{{ $u->status_seleksi === 'diterima' ? 'green' : ($u->status_seleksi === 'tidak_diterima' ? 'red' : 'yellow') }}">
              {{ $value }}
            </span>
          @else
            {{ $value }}
          @endif
        </div>
      </div>
      @endforeach
    </div>
  </div>
</div>

@endif

<!-- RIWAYAT PEMBAYARAN -->
<div class="card" style="grid-column: 1 / -1;">
  <div class="card-header">
    <div class="card-title"><i data-lucide="credit-card" style="width:16px;height:16px;"></i> Riwayat Pembayaran</div>
  </div>
  <div class="card-body" style="padding:0;">
    @forelse($bayar as $b)
    <div style="padding:20px;border-bottom:1px solid var(--gray-100);">
      <div style="display:grid;grid-template-columns:1fr auto;gap:20px;">
        <!-- Informasi Pembayaran -->
        <div>
          <div style="display:flex;align-items:center;gap:8px;margin-bottom:12px;">
            <div style="font-size:14px;font-weight:700;color:var(--gray-900);">{{ ucwords(str_replace('_',' ',$b->jenis_pembayaran)) }}</div>
            <span class="badge badge-{{ $b->status_verifikasi==='disetujui' ? 'green' : ($b->status_verifikasi==='ditolak' ? 'red' : 'yellow') }}">{{ ucwords($b->status_verifikasi) }}</span>
          </div>
          
          <div style="display:grid;grid-template-columns:repeat(2, 1fr);gap:12px;">
            <div>
              <div style="font-size:11px;color:var(--gray-600);margin-bottom:4px;">Kode Pembayaran</div>
              <div style="font-size:13px;font-weight:600;color:var(--gray-900);font-family:monospace;">{{ $b->kode_pembayaran ?? '—' }}</div>
            </div>
            <div>
              <div style="font-size:11px;color:var(--gray-600);margin-bottom:4px;">Kode Unik</div>
              <div style="font-size:13px;font-weight:600;color:var(--gray-900);">{{ $b->angka_unik ?? '—' }}</div>
            </div>
            <div>
              <div style="font-size:11px;color:var(--gray-600);margin-bottom:4px;">Nominal Asal</div>
              <div style="font-size:13px;font-weight:600;color:var(--gray-900);">Rp {{ number_format($b->nominal_asal,0,',','.') }}</div>
            </div>
            @if(isset($b->potongan) && $b->potongan)
            <div>
              <div style="font-size:11px;color:var(--gray-600);margin-bottom:4px;">Potongan</div>
              <div style="font-size:13px;font-weight:600;color:#10B981;">- Rp {{ number_format($b->potongan,0,',','.') }}</div>
            </div>
            @endif
            <div>
              <div style="font-size:11px;color:var(--gray-600);margin-bottom:4px;">Total Transfer</div>
              <div style="font-size:15px;font-weight:700;color:var(--primary);">Rp {{ number_format($b->total_transfer,0,',','.') }}</div>
            </div>
            <div>
              <div style="font-size:11px;color:var(--gray-600);margin-bottom:4px;">Tanggal Pembayaran</div>
              <div style="font-size:13px;font-weight:600;color:var(--gray-900);">{{ \Carbon\Carbon::parse($b->created_at)->format('d M Y, H:i') }} WIB</div>
            </div>
            @if(isset($b->gelombang) && $b->gelombang)
            <div>
              <div style="font-size:11px;color:var(--gray-600);margin-bottom:4px;">Gelombang</div>
              <div style="font-size:13px;font-weight:600;color:var(--gray-900);">{{ ['1'=>'Gelombang I','2'=>'Gelombang II','3'=>'Gelombang III'][$b->gelombang] ?? '-' }}</div>
            </div>
            @endif
          </div>
          
          @if(isset($b->catatan_verifikasi) && $b->catatan_verifikasi)
          <div style="margin-top:12px;padding:10px;background:#FEF3C7;border:1px solid #FDE68A;border-radius:6px;">
            <div style="font-size:11px;font-weight:700;color:#854D0E;margin-bottom:4px;">Catatan Verifikasi:</div>
            <div style="font-size:12px;color:#92400E;">{{ $b->catatan_verifikasi }}</div>
          </div>
          @endif
        </div>
        
        <!-- Actions -->
        <div style="display:flex;flex-direction:column;gap:8px;align-items:flex-end;">
          @if($b->bukti_transfer)
            <a href="{{ asset('uploads/bukti_bayar/'.$b->bukti_transfer) }}" target="_blank" class="btn btn-outline btn-sm" style="white-space:nowrap;">
              <i data-lucide="eye" style="width:12px;height:12px;"></i> Lihat Bukti
            </a>
          @else
            <div style="font-size:11px;color:var(--gray-500);font-style:italic;">Belum upload bukti</div>
          @endif
          
          @if($b->status_verifikasi==='pending' && $canApprovePayments)
            <form method="POST" action="{{ route('admin.keuangan.setuju',$b->id_pembayaran) }}" style="margin:0;">
              @csrf
              <button type="submit" class="btn btn-primary btn-sm" style="white-space:nowrap;">
                <i data-lucide="check" style="width:12px;height:12px;"></i> Setujui
              </button>
            </form>
          @endif
        </div>
      </div>
    </div>
    @empty
    <div style="padding:40px 20px;text-align:center;">
      <i data-lucide="receipt" style="width:40px;height:40px;color:var(--gray-300);margin:0 auto 12px;display:block;"></i>
      <div style="color:var(--gray-600);font-size:13px;">Belum ada riwayat pembayaran</div>
    </div>
    @endforelse
  </div>
</div>

<!-- JADWAL TES OFFLINE -->
@if($jadwal)
<div class="card">
  <div class="card-header">
    <div class="card-title"><i data-lucide="calendar" style="width:16px;height:16px;"></i> Jadwal Tes Offline</div>
  </div>
  <div class="card-body">
    <div style="display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;">
      @php
        $scheduleData = [
          'Tanggal Tes' => \Carbon\Carbon::parse($jadwal->tgl_tes_offline)->format('d M Y'),
          'Jam' => $jadwal->jam_tes_offline,
          'Status Kehadiran' => $jadwal->status_kehadiran_offline,
          'Nilai Tes' => $jadwal->nilai_tes_offline ?? '—',
          'Slot Verifikasi' => $jadwal->slot_verifikasi_bersama ?? '—',
        ];
      @endphp
      @foreach($scheduleData as $label => $value)
      <div>
        <div style="font-size:11px;text-transform:uppercase;letter-spacing:0.05em;color:var(--gray-600);font-weight:600;margin-bottom:6px;">{{ $label }}</div>
        <div style="font-size:13px;font-weight:600;color:var(--gray-900);">{{ $value }}</div>
      </div>
      @endforeach
    </div>

    @if($jadwal->status_kehadiran_offline !== 'Hadir')
    <form method="POST" action="{{ route('admin.offline.simpan',$u->id_user) }}" style="margin-top:14px;display:flex;gap:8px;">
      @csrf
      <input type="number" name="nilai_tes_offline" class="form-input" placeholder="Nilai (0-100)" min="0" max="100" style="flex:1;">
      <button type="submit" class="btn btn-primary">Simpan Nilai</button>
    </form>
    @endif
  </div>
</div>
@endif

<!-- BERKAS / DOKUMEN YANG DIUNGGAH -->
<div class="card" style="grid-column: 1 / -1;">
  <div class="card-header" id="berkas">
    <div class="card-title"><i data-lucide="file-text" style="width:16px;height:16px;"></i> Berkas & Dokumen Yang Diunggah</div>
  </div>
  <div class="card-body" style="padding:0;">
    @php
      $files = [
        ['label' => 'Pas Foto', 'key' => 'file_pas_photo'],
        ['label' => 'Akta Kelahiran', 'key' => 'file_akte'],
        ['label' => 'Kartu Keluarga', 'key' => 'file_kk'],
        ['label' => 'KTP Orang Tua', 'key' => 'file_ktp_ortu'],
        ['label' => 'Ijazah TK', 'key' => 'file_ijazah_tk'],
        ['label' => 'Surat Pernyataan (Orang Tua)', 'key' => 'file_surat_ortu'],
        ['label' => 'Surat Pernyataan (Siswa)', 'key' => 'file_surat_siswa'],
      ];
      $hasAnyFile = false;
      if($biodata) {
        foreach($files as $f) {
          if($biodata->{$f['key']}) {
            $hasAnyFile = true;
            break;
          }
        }
      }
    @endphp

    @if($hasAnyFile && $biodata)
      @foreach($files as $file)
        @if($biodata->{$file['key']})
          @php
            $filename = $biodata->{$file['key']};
            $filepath = asset('uploads/berkas/' . $filename);
            $fileext = strtolower(pathinfo($filename, PATHINFO_EXTENSION));
            $isImage = in_array($fileext, ['jpg', 'jpeg', 'png', 'gif']);
            try {
              $filesize = filesize(public_path('uploads/berkas/' . $filename)) / 1024;
            } catch (\Exception $e) {
              $filesize = 0;
            }
          @endphp
          <div style="padding:16px 20px;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;align-items:center;">
            <div style="flex:1;">
              <div style="font-size:13px;font-weight:600;color:var(--gray-900);">{{ $file['label'] }}</div>
              <div style="font-size:12px;color:var(--gray-600);margin-top:4px;font-family:monospace;">{{ $filename }}</div>
              @if($filesize > 0)
              <div style="font-size:11px;color:var(--gray-500);margin-top:2px;">Ukuran: {{ number_format($filesize, 0) }} KB</div>
              @endif
            </div>
            <div style="display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end;">
              <a href="{{ $filepath }}" target="_blank" class="btn btn-outline btn-sm" title="Lihat preview"><i data-lucide="eye" style="width:12px;height:12px;"></i> Lihat</a>
              <a href="{{ $filepath }}" download class="btn btn-outline btn-sm" title="Download file"><i data-lucide="download" style="width:12px;height:12px;"></i> Unduh</a>
            </div>
          </div>
        @endif
      @endforeach

      <!-- VERIFIKASI BERKAS -->
      @if(in_array($u->status_langkah, ['upload_berkas', 'verifikasi_berkas', 'tes_online', 'tes_offline', 'sesi_verifikasi', 'selesai']))
        <div style="padding:16px 20px;background:var(--primary-pale);border-top:1px solid var(--gray-100);">
          <div style="font-size:13px;font-weight:600;color:var(--primary);margin-bottom:12px;"><i data-lucide="check-circle" style="width:14px;height:14px;display:inline-block;margin-right:6px;vertical-align:middle;"></i>Status Verifikasi Berkas</div>
          <div style="display:flex;gap:8px;align-items:center;margin-bottom:12px;">
            <span class="badge badge-{{ $biodata->status_berkas === 'valid' ? 'green' : ($biodata->status_berkas === 'tidak_valid' ? 'red' : 'yellow') }}">
              {{ $biodata->status_berkas === 'valid' ? '✓ Valid' : ($biodata->status_berkas === 'tidak_valid' ? '✗ Tidak Valid' : '⊙ Belum Dicek') }}
            </span>
          </div>
          
          <form method="POST" action="{{ route('admin.berkas.final', $u->id_user) }}" style="display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:start;">
            @csrf
            <select name="status_berkas" class="form-select" style="min-width:160px;">
              <option value="belum_dicek" {{ ($biodata->status_berkas ?? '') === 'belum_dicek' ? 'selected' : '' }}>⊙ Belum Dicek</option>
              <option value="valid" {{ ($biodata->status_berkas ?? '') === 'valid' ? 'selected' : '' }}>✓ Valid</option>
              <option value="tidak_valid" {{ ($biodata->status_berkas ?? '') === 'tidak_valid' ? 'selected' : '' }}>✗ Tidak Valid</option>
            </select>
            <textarea name="catatan_berkas" class="form-input" placeholder="Catatan / keterangan verifikasi..." style="min-height:36px;"></textarea>
            <button type="submit" class="btn btn-primary">Simpan</button>
          </form>
        </div>
      @endif
    @else
      <div style="padding:40px 20px;text-align:center;">
        <i data-lucide="folder-open" style="width:40px;height:40px;color:var(--gray-300);margin:0 auto 12px;display:block;"></i>
        <div style="color:var(--gray-600);font-size:13px;">Belum ada berkas yang diunggah</div>
        <div style="color:var(--gray-500);font-size:12px;margin-top:4px;">Pendaftar perlu menyelesaikan pengisian formulir dan mengunggah dokumen</div>
      </div>
    @endif
  </div>
</div>

@endsection