@extends('admin.layout')
@section('title','Verifikasi Berkas')
@section('content')

@php
  $queryParams = request()->except(['page','sort','direction']);
  $currentSort = request('sort');
  $currentDirection = request('direction', 'desc');
  $sortDirection = fn($column) => ($currentSort === $column && $currentDirection === 'asc') ? 'desc' : 'asc';
  $sortIcon = fn($column) => $currentSort === $column ? ($currentDirection === 'asc' ? '▲' : '▼') : '↕';
@endphp

<div class="page-header">
  <div>
    <h1>Verifikasi Berkas</h1>
    <p>Periksa dan verifikasi dokumen yang diunggah oleh calon peserta didik</p>
  </div>
</div>

<!-- FILTER -->
<div class="card">
  <div class="card-body" style="padding:18px 22px;">
    <form method="GET" style="display:grid;grid-template-columns:1fr 200px 200px auto auto;gap:12px;align-items:center;">
      <div class="search-bar" style="width:100%;">
        <i data-lucide="search" style="width:16px;height:16px;color:var(--gray-400);"></i>
        <input type="text" name="search" placeholder="Cari kode / nama orang tua / nama anak" class="search-input" value="{{ request('search') }}">
      </div>
      <input type="hidden" name="menu" value="berkas">
      <select name="status_berkas" class="form-select" style="width:100%;min-width:0;">
        <option value="">Semua Status</option>
        <option value="belum_dicek" {{ request('status_berkas')=='belum_dicek'?'selected':'' }}>⊙ Belum Dicek</option>
        <option value="valid" {{ request('status_berkas')=='valid'?'selected':'' }}>✓ Valid</option>
        <option value="tidak_valid" {{ request('status_berkas')=='tidak_valid'?'selected':'' }}>✗ Tidak Valid</option>
      </select>
      <button type="submit" class="btn btn-primary">Terapkan Filter</button>
      <a href="{{ route('admin.pendaftar.index', ['menu'=>'berkas']) }}" class="btn btn-outline">Reset</a>
    </form>
  </div>
</div>

<div class="card">
  <div class="table-wrap">
    <table>
      <thead>
        <tr>
          <th>No.</th>
          <th>
            <a href="{{ route('admin.pendaftar.index', array_merge($queryParams, ['menu'=>'berkas','sort' => 'id_user', 'direction' => $sortDirection('id_user')])) }}" style="color:inherit;text-decoration:none;display:flex;align-items:center;gap:4px;">
              Kode Pendaftar <span style="font-size:10px;">{{ $sortIcon('id_user') }}</span>
            </a>
          </th>
          <th>
            <a href="{{ route('admin.pendaftar.index', array_merge($queryParams, ['menu'=>'berkas','sort' => 'nama_pendaftar', 'direction' => $sortDirection('nama_pendaftar')])) }}" style="color:inherit;text-decoration:none;display:flex;align-items:center;gap:4px;">
              Nama Orang Tua/Wali <span style="font-size:10px;">{{ $sortIcon('nama_pendaftar') }}</span>
            </a>
          </th>
          <th>
            <a href="{{ route('admin.pendaftar.index', array_merge($queryParams, ['menu'=>'berkas','sort' => 'nama_anak', 'direction' => $sortDirection('nama_anak')])) }}" style="color:inherit;text-decoration:none;display:flex;align-items:center;gap:4px;">
              Nama Anak <span style="font-size:10px;">{{ $sortIcon('nama_anak') }}</span>
            </a>
          </th>
          <th>Dokumen</th>
          <th>
            <a href="{{ route('admin.pendaftar.index', array_merge($queryParams, ['menu'=>'berkas','sort' => 'updated_at', 'direction' => $sortDirection('updated_at')])) }}" style="color:inherit;text-decoration:none;display:flex;align-items:center;gap:4px;">
              Tanggal Upload <span style="font-size:10px;">{{ $sortIcon('updated_at') }}</span>
            </a>
          </th>
          <th>
            <a href="{{ route('admin.pendaftar.index', array_merge($queryParams, ['menu'=>'berkas','sort' => 'status_berkas', 'direction' => $sortDirection('status_berkas')])) }}" style="color:inherit;text-decoration:none;display:flex;align-items:center;gap:4px;">
              Status Verifikasi <span style="font-size:10px;">{{ $sortIcon('status_berkas') }}</span>
            </a>
          </th>
          <th>Catatan</th>
          <th>Aksi</th>
        </tr>
      </thead>
      <tbody>
        @forelse($pendaftar as $i => $p)
        <tr>
          <td style="color:var(--gray-600);">{{ $pendaftar->firstItem() + $i }}</td>
          <td style="font-family:monospace;color:var(--gray-700);font-size:12px;">{{ $p->id_user }}</td>
          <td>
            <div class="td-name">{{ $p->nama_pendaftar }}</div>
          </td>
          <td>{{ $p->nama_anak ?? '—' }}</td>
          <td>
            @php
              $files = collect([
                'pas_photo' => $p->file_pas_photo,
                'akte' => $p->file_akte,
                'kk' => $p->file_kk,
                'ktp_ortu' => $p->file_ktp_ortu,
                'ijazah_tk' => $p->file_ijazah_tk,
                'surat_ortu' => $p->file_surat_ortu,
                'surat_siswa' => $p->file_surat_siswa,
              ])->filter();
              $count = $files->count();
            @endphp
            <span class="badge badge-blue">{{ $count }} file</span>
          </td>
          <td style="font-size:12px;color:var(--gray-600);">
            {{ \Carbon\Carbon::parse($p->tgl_upload)->format('d M Y H:i') }}
          </td>
          <td>
            @php
              $statusColor = match($p->status_berkas ?? 'belum_dicek') {
                'valid' => 'green',
                'tidak_valid' => 'red',
                default => 'yellow',
              };
              $statusLabel = match($p->status_berkas ?? 'belum_dicek') {
                'valid' => '✓ Valid',
                'tidak_valid' => '✗ Tidak Valid',
                default => '⊙ Belum Dicek',
              };
            @endphp
            <span class="badge badge-{{ $statusColor }}">{{ $statusLabel }}</span>
          </td>
          <td style="font-size:12px;color:var(--gray-600);max-width:150px;overflow:hidden;text-overflow:ellipsis;">
            {{ $p->catatan_berkas ?? '—' }}
          </td>
          <td>
            <div style="display:flex;gap:6px;flex-wrap:wrap;">
              <a href="{{ route('admin.pendaftar.detail', $p->id_user) }}" class="btn btn-outline btn-sm" title="Lihat Detail"><i data-lucide="eye" style="width:12px;height:12px;"></i> Lihat</a>
              <a href="{{ route('admin.pendaftar.detail', $p->id_user) }}#berkas" class="btn btn-primary btn-sm" title="Verifikasi"><i data-lucide="check-circle" style="width:12px;height:12px;"></i> Verifikasi</a>
            </div>
          </td>
        </tr>
        @empty
        <tr><td colspan="9" style="text-align:center;padding:40px;color:var(--gray-600);">Tidak ada data berkas yang perlu diverifikasi</td></tr>
        @endforelse
      </tbody>
    </table>
  </div>
  <div style="padding:16px 20px;border-top:1px solid var(--gray-200);">
    {{ $pendaftar->withQueryString()->links() }}
  </div>
</div>

@endsection