@extends('layouts.admin')
@section('title', 'Data Pendaftar – Admin')

@section('admin-content')
<div class="sd-admin-topbar">
  <div>
    <p class="sd-admin-eyebrow">Pendaftaran (SPMB)</p>
    <h1 class="sd-admin-title">Data Pendaftar</h1>
  </div>
</div>

<div class="sd-admin-stats">
  <div class="sd-admin-stat"><div class="sd-admin-stat-label">Total Pendaftar</div><div class="sd-admin-stat-value">{{ $stats['total'] }}</div></div>
  <div class="sd-admin-stat"><div class="sd-admin-stat-label">Menunggu</div><div class="sd-admin-stat-value">{{ $stats['menunggu'] }}</div></div>
  <div class="sd-admin-stat"><div class="sd-admin-stat-label">Diterima</div><div class="sd-admin-stat-value">{{ $stats['diterima'] }}</div></div>
  <div class="sd-admin-stat"><div class="sd-admin-stat-label">Ditolak</div><div class="sd-admin-stat-value">{{ $stats['ditolak'] }}</div></div>
</div>

<form method="GET" action="{{ route('admin.pendaftaran.index') }}" style="display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap">
  <input type="text" name="q" class="sd-form-control" style="max-width:280px" placeholder="Cari nama, no. pendaftaran, atau NIK..." value="{{ request('q') }}">
  <select name="status" class="sd-form-control" style="max-width:200px" onchange="this.form.submit()">
    <option value="">Semua Status</option>
    <option value="Menunggu" {{ request('status')==='Menunggu'?'selected':'' }}>Menunggu</option>
    <option value="Kurang" {{ request('status')==='Kurang'?'selected':'' }}>Kurang</option>
    <option value="Ditolak" {{ request('status')==='Ditolak'?'selected':'' }}>Ditolak</option>
    <option value="Diterima" {{ request('status')==='Diterima'?'selected':'' }}>Diterima</option>
  </select>
  <button type="submit" class="sd-admin-btn kecil"><i class="bi bi-search"></i> Cari</button>
  @if(request('q') || request('status'))
  <a href="{{ route('admin.pendaftaran.index') }}" class="sd-admin-btn kecil outline">Reset</a>
  @endif
</form>

<div class="sd-admin-table-wrap">
  <table class="sd-admin-table">
    <thead>
      <tr><th>No. Pendaftaran</th><th>Nama</th><th>JK</th><th>Tgl Lahir</th><th>Jalur</th><th>Status</th><th>Verifikasi</th><th>Aksi</th></tr>
    </thead>
    <tbody>
      @forelse($pendaftaranList as $p)
      <tr>
        <td style="font-family:monospace;font-size:.78rem">{{ $p->nomor_pendaftaran }}</td>
        <td style="font-weight:600">{{ $p->nama_lengkap }}</td>
        <td>{{ $p->jenis_kelamin }}</td>
        <td>{{ $p->tanggal_lahir->format('d/m/Y') }}</td>
        <td>{{ $p->jalur_pendaftaran }}</td>
        <td>
          @php
            $statusColor = ['Menunggu'=>'kuning','Kurang'=>'merah','Ditolak'=>'merah','Diterima'=>'hijau'][$p->status_pendaftaran] ?? '';
          @endphp
          <span class="sd-badge {{ $statusColor }}">{{ $p->status_pendaftaran }}</span>
        </td>
        <td style="font-size:.78rem">{{ $p->status_verifikasi }}</td>
        <td class="sd-admin-actions-cell">
          <a href="{{ route('admin.pendaftaran.show', $p->id) }}" class="sd-admin-btn kecil outline"><i class="bi bi-eye"></i></a>
          <a href="{{ route('admin.pendaftaran.print', $p->id) }}" target="_blank" class="sd-admin-btn kecil outline"><i class="bi bi-printer"></i></a>
          <form action="{{ route('admin.pendaftaran.destroy', $p->id) }}" method="POST" onsubmit="return confirm('Hapus data pendaftaran ini?')">
            @csrf @method('DELETE')
            <button type="submit" class="sd-admin-btn kecil merah"><i class="bi bi-trash"></i></button>
          </form>
        </td>
      </tr>
      @empty
      <tr><td colspan="8" style="text-align:center;padding:24px;color:var(--teks-abu)">Belum ada pendaftar.</td></tr>
      @endforelse
    </tbody>
  </table>
</div>

<div style="margin-top:18px">
  {{ $pendaftaranList->links() }}
</div>
@endsection