{{-- resources/views/admin/kesiswaan/ppdb/_table_tes.blade.php --}}

<style>
    .table-fixed {
        table-layout: fixed;
        width: 100%;
        word-wrap: break-word;
    }
    
    .table-fixed td {
        vertical-align: middle;
        overflow-wrap: break-word;
    }
    
    .input-nilai-tes {
        width: 100%;
        height: 35px;
        font-size: 0.9rem !important;
        padding: 0.25rem 0.3rem !important;
        transition: all 0.2s;
    }
    .input-nilai-tes:focus {
        border-color: #0d6efd !important;
        box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
    }
</style>

<div class="table-responsive" style="overflow-x: hidden;">
  <table class="table table-bordered table-striped table-hover align-middle mb-0 table-fixed">
    <thead class="table-dark text-center align-middle" style="font-size: 0.8rem;">
      <tr>
        <th rowspan="2" style="width: 8%;">No</th>
        <th rowspan="2" style="width: 27%; text-align: left; padding-left: 15px;">Biodata Calon Siswa</th>
        <th colspan="4" style="width: 49%;">Input Nilai Tes</th>
        <th rowspan="2" style="width: 10%;">Total</th>
        <th rowspan="2" style="width: 10%;">Aksi</th>
      </tr>
      <tr>
        <th style="width: 11%;">Tulis</th>
        <th style="width: 11%;">Quran</th>
        <th style="width: 11%;">Praktek</th>
        <th style="width: 16%;">Ket</th>
      </tr>
    </thead>
    <tbody>
      @forelse($ppdbs as $ppdb)
      
      <form id="form-tes-{{ $ppdb->id }}" method="POST" action="{{ route('admin.ppdb.updateTes', $ppdb->id) }}">
          @csrf @method('PUT')
      </form>

      <tr class="text-center">
        {{-- PERBAIKAN PENOMORAN: Menggunakan $loop->iteration tanpa pagination --}}
        <td class="fw-bold" style="font-size: 0.85rem;">{{ $loop->iteration }}</td>
        
        <td class="text-start px-2 py-2">
            <div class="mb-1 border-bottom pb-1">
                <div class="mb-1">
                    <span class="badge bg-success shadow-sm" title="No. Registrasi">{{ $ppdb->register }}</span>
                    @if($ppdb->jenkel === 'L') 
                        <span class="badge bg-primary px-2 shadow-sm ms-1">Putra</span>
                    @elseif($ppdb->jenkel === 'P') 
                        <span class="badge bg-danger px-2 shadow-sm ms-1">Putri</span>
                    @endif
                </div>
                <div class="text-dark fw-bold mt-1" style="font-size: 0.9rem;">{{ $ppdb->name }}</div>
            </div>
            <div class="text-muted" style="font-size: 0.75rem; line-height: 1.4;">
                <i class="fa fa-building fa-fw me-1 text-secondary"></i> Asal: <span class="text-dark fw-bold">{{ $ppdb->sekolah_asal ?? '-' }}</span>
            </div>
        </td>
        
        <td class="p-1 align-middle px-2">
          <input form="form-tes-{{ $ppdb->id }}" type="number" name="tes_tulis" 
                 class="form-control text-center fw-bold border-primary-subtle shadow-none input-nilai-tes" 
                 value="{{ old('tes_tulis', $ppdb->tes->tes_tulis ?? 0) }}" min="0" max="100" required>
        </td>
        
        <td class="p-1 align-middle px-2">
          <input form="form-tes-{{ $ppdb->id }}" type="number" name="tes_quran" 
                 class="form-control text-center fw-bold border-primary-subtle shadow-none input-nilai-tes" 
                 value="{{ old('tes_quran', $ppdb->tes->tes_quran ?? 0) }}" min="0" max="100" required>
        </td>
        
        <td class="p-1 align-middle px-2">
          <input form="form-tes-{{ $ppdb->id }}" type="number" name="tes_praktek" 
                 class="form-control text-center fw-bold border-primary-subtle shadow-none input-nilai-tes" 
                 value="{{ old('tes_praktek', $ppdb->tes->tes_praktek ?? 0) }}" min="0" max="100" required>
        </td>

        <td class="p-1 align-middle px-2">
          <input form="form-tes-{{ $ppdb->id }}" type="text" name="tes_ket" 
                 class="form-control text-start border-secondary-subtle shadow-none input-nilai-tes" 
                 value="{{ old('tes_ket', $ppdb->tes->tes_ket ?? '') }}" placeholder="Catatan...">
        </td>
        
        <td class="align-middle px-2">
          @if($ppdb->tes?->status_tes)
              @php $nilai = $ppdb->tes->tes_total; @endphp
              @if($nilai >= 70) 
                  <span class="badge bg-success shadow-sm fs-6 w-100 py-2">{{ $nilai }}</span>
              @elseif($nilai >= 50) 
                  <span class="badge bg-warning text-dark shadow-sm fs-6 w-100 py-2">{{ $nilai }}</span>
              @else 
                  <span class="badge bg-danger shadow-sm fs-6 w-100 py-2">{{ $nilai }}</span> 
              @endif
          @else
            <span class="text-muted fst-italic">-</span>
          @endif
        </td>
        
        <td class="text-center align-middle">
            <div class="d-flex flex-wrap gap-1 justify-content-center">
                <button form="form-tes-{{ $ppdb->id }}" type="submit" class="btn btn-primary btn-sm shadow-sm py-1 px-2" data-bs-toggle="tooltip" title="Simpan Nilai Tes">
                    <i class="fa fa-save"></i>
                </button>
            </div>
        </td>
      </tr>
      @empty
      <tr>
        <td colspan="8" class="text-center text-muted py-5 border-0">
            <i class="fa fa-folder-open fa-3x mb-3 opacity-50"></i>
            <h5>Belum ada data pendaftar yang siap tes.</h5>
        </td>
      </tr>
      @endforelse
    </tbody>
  </table>
</div>