@extends('admin.layout')
@section('title','Hasil Seleksi')
@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>Hasil Seleksi</h1>
    <p>Tampilkan hasil seleksi akhir 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 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 nama orang tua / nama anak" class="search-input" value="{{ request('search') }}">
      </div>
      <input type="hidden" name="menu" value="seleksi">
      <select name="status_seleksi" class="form-select" style="width:100%;min-width:0;">
        <option value="">Semua Status</option>
        <option value="diterima" {{ request('status_seleksi')=='diterima'?'selected':'' }}>✓ Diterima</option>
        <option value="daftar_tunggu" {{ request('status_seleksi')=='daftar_tunggu'?'selected':'' }}>⊙ Cadangan</option>
        <option value="tidak_diterima" {{ request('status_seleksi')=='tidak_diterima'?'selected':'' }}>✗ Tidak Diterima</option>
      </select>
      <button type="submit" class="btn btn-primary">Terapkan Filter</button>
      <a href="{{ route('admin.pendaftar.index', ['menu'=>'seleksi']) }}" 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'=>'seleksi','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'=>'seleksi','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'=>'seleksi','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>Jenis Kelamin</th>
          <th>
            <a href="{{ route('admin.pendaftar.index', array_merge($queryParams, ['menu'=>'seleksi','sort' => 'status_seleksi', 'direction' => $sortDirection('status_seleksi')])) }}" style="color:inherit;text-decoration:none;display:flex;align-items:center;gap:4px;">
              Status Seleksi <span style="font-size:10px;">{{ $sortIcon('status_seleksi') }}</span>
            </a>
          </th>
          <th>
            <a href="{{ route('admin.pendaftar.index', array_merge($queryParams, ['menu'=>'seleksi','sort' => 'updated_at', 'direction' => $sortDirection('updated_at')])) }}" style="color:inherit;text-decoration:none;display:flex;align-items:center;gap:4px;">
              Tanggal Penetapan <span style="font-size:10px;">{{ $sortIcon('updated_at') }}</span>
            </a>
          </th>
          <th>Aksi</th>
        </tr>
      </thead>
      <tbody>
        @forelse($seleksi as $i => $s)
        <tr>
          <td style="color:var(--gray-600);">{{ $seleksi->firstItem() + $i }}</td>
          <td style="font-family:monospace;color:var(--gray-700);font-size:12px;">{{ $s->id_user }}</td>
          <td>
            <div class="td-name">{{ $s->nama_pendaftar }}</div>
          </td>
          <td>{{ $s->nama_anak ?? '—' }}</td>
          <td>
            @if($s->jenis_kelamin === 'L')
              <span style="color:var(--blue);font-weight:600;">Laki-laki</span>
            @elseif($s->jenis_kelamin === 'P')
              <span style="color:var(--red);font-weight:600;">Perempuan</span>
            @else
              <span style="color:var(--gray-600);">—</span>
            @endif
          </td>
          <td>
            @php
              $statusClass = match($s->status_seleksi) {
                'diterima' => 'green',
                'daftar_tunggu' => 'yellow',
                'tidak_diterima' => 'red',
                default => 'gray',
              };
              $statusLabel = match($s->status_seleksi) {
                'diterima' => '✓ Diterima',
                'daftar_tunggu' => '⊙ Cadangan',
                'tidak_diterima' => '✗ Tidak Diterima',
                default => 'Unknown',
              };
            @endphp
            <span class="badge badge-{{ $statusClass }}">{{ $statusLabel }}</span>
          </td>
          <td style="font-size:12px;color:var(--gray-600);">
            @if($s->tgl_penetapan)
              {{ \Carbon\Carbon::parse($s->tgl_penetapan)->format('d M Y') }}
            @else
              —
            @endif
          </td>
          <td>
            <div style="display:flex;gap:6px;flex-wrap:wrap;">
              <a href="{{ route('admin.pendaftar.detail', $s->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="javascript:void(0);" class="btn btn-primary btn-sm" title="Edit Status"><i data-lucide="edit" style="width:12px;height:12px;"></i> Ubah</a>
            </div>
          </td>
        </tr>
        @empty
        <tr><td colspan="8" style="text-align:center;padding:40px;color:var(--gray-600);">Tidak ada data hasil seleksi</td></tr>
        @endforelse
      </tbody>
    </table>
  </div>
  <div style="padding:16px 20px;border-top:1px solid var(--gray-200);">
    {{ $seleksi->withQueryString()->links() }}
  </div>
</div>

@endsection