{{-- resources/views/admin/kesiswaan/ppdb/index.blade.php --}}
@extends('layouts.admin')
@section('title', 'Pendaftar PPDB')

@section('content')
<div class="page-inner">

  <div class="d-flex align-items-left align-items-md-center flex-column flex-md-row pt-2 pb-3">
    <div>
      <h3 class="fw-bold mb-3">Manajemen Kesiswaan: PPDB</h3>
      <h6 class="op-7 mb-2">Pusat pengelolaan data pendaftaran, tes, dan seleksi calon siswa baru.</h6>
    </div>
  </div>

  @php
    switch ($activeMenu) {
      case 'pembayaran':
        $exportExcelRoute = 'admin.ppdb.pembayaran.export.excel';
        $exportPdfRoute   = 'admin.ppdb.pembayaran.export.pdf';
        break;
      case 'tes':
        $exportExcelRoute = 'admin.ppdb.tes.export.excel';
        $exportPdfRoute   = 'admin.ppdb.tes.export.pdf';
        break;
      case 'hasil':
        $exportExcelRoute = 'admin.ppdb.hasil.export.excel';
        $exportPdfRoute   = 'admin.ppdb.hasil.export.pdf';
        break;
      case 'lulus':
        $exportExcelRoute = 'admin.ppdb.lulus.export.excel';
        $exportPdfRoute   = 'admin.ppdb.lulus.export.pdf';
        break;
      case 'pertimbangkan':
        $exportExcelRoute = 'admin.ppdb.pertimbangkan.export.excel';
        $exportPdfRoute   = 'admin.ppdb.pertimbangkan.export.pdf';
        break;
      case 'gagal':
        $exportExcelRoute = 'admin.ppdb.gagal.export.excel';
        $exportPdfRoute   = 'admin.ppdb.gagal.export.pdf';
        break;
      default: 
        $exportExcelRoute = 'admin.ppdb.export.excel';
        $exportPdfRoute   = 'admin.ppdb.export.pdf';
    }
  @endphp

  {{-- Statistik Cards --}}
  <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-5 mb-4">
    <div class="col"><div class="card card-round shadow-sm border-0 h-100"><div class="card-body text-center"><i class="fa fa-users fa-2x text-primary mb-2"></i><h6 class="text-muted mb-1">Pendaftar</h6><h3 class="fw-bold mb-0">{{ $stats['total'] ?? 0 }}</h3></div></div></div>
    <div class="col"><div class="card card-round shadow-sm border-0 h-100"><div class="card-body text-center"><i class="fa fa-mars fa-2x text-info mb-2"></i><h6 class="text-muted mb-1">Putra</h6><h3 class="fw-bold mb-0">{{ $stats['putra'] ?? 0 }}</h3></div></div></div>
    <div class="col"><div class="card card-round shadow-sm border-0 h-100"><div class="card-body text-center"><i class="fa fa-venus fa-2x text-warning mb-2"></i><h6 class="text-muted mb-1">Putri</h6><h3 class="fw-bold mb-0">{{ $stats['putri'] ?? 0 }}</h3></div></div></div>
    <div class="col"><div class="card card-round shadow-sm border-0 h-100"><div class="card-body text-center"><i class="fa fa-user-check fa-2x text-success mb-2"></i><h6 class="text-muted mb-1">Lulus Tes</h6><h3 class="fw-bold mb-0">{{ $stats['lulus'] ?? 0 }}</h3></div></div></div>
    <div class="col"><div class="card card-round shadow-sm border-0 h-100"><div class="card-body text-center"><i class="fa fa-user-times fa-2x text-danger mb-2"></i><h6 class="text-muted mb-1">Gagal Tes</h6><h3 class="fw-bold mb-0">{{ $stats['gagal'] ?? 0 }}</h3></div></div></div>
  </div>

  @if(isset($chartData) && $chartData->count())
    <div class="row mb-4">
      <div class="col-md-12">
        <div class="card card-round shadow-sm border-0">
          <div class="card-header py-3"><div class="card-title fs-6"><i class="fa fa-chart-bar me-2 text-primary"></i> Grafik Pendaftaran per Tahun Ajaran</div></div>
          <div class="card-body p-3"><div style="height: 250px;"><canvas id="ppdbChart"></canvas></div></div>
        </div>
      </div>
    </div>
  @endif

  <div class="card border-0 shadow-sm rounded-4 mb-4">
    <div class="card-body p-3">
      <form method="GET" action="{{ url()->current() }}" class="m-0" id="filterForm">
        <div class="row g-3 align-items-end">
          <div class="col-md-5">
            <label class="form-label fw-bold small text-muted mb-1"><i class="fas fa-calendar-check me-1"></i> Tahun Ajaran</label>
            <select name="tahun_ajaran_id" class="form-select border-primary-subtle bg-light fw-bold" onchange="this.form.submit()">
              <option value="">-- Semua Tahun --</option>
              @foreach($tahunAjarans as $ta)
                <option value="{{ $ta->id }}" @selected(request('tahun_ajaran_id') == $ta->id)>{{ $ta->tahun_ajaran }} {{ $ta->is_active ? '(Aktif)' : '' }}</option>
              @endforeach
            </select>
          </div>
          <div class="col-md-5">
            <label class="form-label fw-bold small text-muted mb-1"><i class="fas fa-search me-1"></i> Pencarian Calon Siswa</label>
            <div class="input-group">
                <input type="text" name="q" value="{{ request('q') }}" class="form-control border-primary-subtle bg-light" placeholder="Ketik No. Registrasi / Nama / Sekolah...">
                <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i></button>
                @if(request()->hasAny(['q','tahun_ajaran_id']))
                    <a href="{{ url()->current() }}" class="btn btn-outline-secondary" data-bs-toggle="tooltip" title="Reset Filter"><i class="fa fa-sync-alt"></i></a>
                @endif
            </div>
          </div>
        </div>
      </form>
    </div>
  </div>

  <div class="mb-4">
      <div class="nav nav-pills nav-secondary nav-pills-no-bd d-flex flex-wrap gap-2">
          @php
              $menuItems = [
                  ['route' => 'admin.ppdb.index', 'name' => 'Pendaftar Baru', 'icon' => 'fas fa-database', 'slug' => 'pendaftar'],
                  ['route' => 'admin.ppdb.menu', 'param' => 'pembayaran', 'name' => 'Pembayaran', 'icon' => 'fas fa-wallet', 'slug' => 'pembayaran'],
                  ['route' => 'admin.ppdb.menu', 'param' => 'tes', 'name' => 'Input Nilai', 'icon' => 'fas fa-clipboard-check', 'slug' => 'tes'],
                  ['route' => 'admin.ppdb.menu', 'param' => 'hasil', 'name' => 'Hasil Tes', 'icon' => 'fas fa-award', 'slug' => 'hasil'],
                  ['route' => 'admin.ppdb.menu', 'param' => 'lulus', 'name' => 'Lulus', 'icon' => 'fas fa-user-check', 'slug' => 'lulus'],
                  ['route' => 'admin.ppdb.menu', 'param' => 'pertimbangkan', 'name' => 'Pertimbangkan', 'icon' => 'fas fa-exclamation-circle', 'slug' => 'pertimbangkan'],
                  ['route' => 'admin.ppdb.menu', 'param' => 'gagal', 'name' => 'Gagal', 'icon' => 'fas fa-times-circle', 'slug' => 'gagal'],
                  ['route' => 'admin.ppdb.bulk.index', 'name' => 'Bulk Convert', 'icon' => 'fas fa-layer-group', 'slug' => 'bulk'],
              ];
          @endphp

          @foreach($menuItems as $item)
              @php
                  $isActive = ($activeMenu === $item['slug'] || ($item['slug'] === 'pendaftar' && ($activeMenu === 'pendaftar' || $activeMenu === 'all')));
                  $url = isset($item['param']) ? route($item['route'], $item['param']) : route($item['route']);
              @endphp
              <a href="{{ $url }}" 
                 class="nav-link px-3 py-2 rounded-3 {{ $isActive ? 'active fw-bold shadow-sm' : 'bg-white text-dark shadow-sm' }}" 
                 style="font-size: 0.85rem; border: 1px solid rgba(0,0,0,0.1);">
                  <i class="{{ $item['icon'] }} me-1"></i> {{ $item['name'] }}
              </a>
          @endforeach
      </div>
  </div>

  <div class="row">
    <div class="col-md-12">
        <div class="card card-round shadow-sm border-0">
            <div class="card-header d-flex justify-content-between align-items-center py-3 flex-wrap gap-3">
                <div class="card-title text-dark mb-0" style="font-size: 1.1rem;">
                    <i class="fa fa-list-alt me-2 text-primary"></i>
                    @if($activeMenu === 'tes') Lembar Input Nilai Tes
                    @elseif($activeMenu === 'hasil') Rekapitulasi Hasil Tes
                    @elseif($activeMenu === 'lulus') Daftar Calon Siswa Lulus
                    @elseif($activeMenu === 'pertimbangkan') Daftar Calon Siswa Dipertimbangkan
                    @elseif($activeMenu === 'gagal') Daftar Calon Siswa Gagal
                    @elseif($activeMenu === 'bulk') Proses Konversi PPDB ke Siswa Aktif
                    @elseif($activeMenu === 'pembayaran') Verifikasi Pembayaran Registrasi
                    @else Database Seluruh Pendaftar PPDB
                    @endif
                </div>
                
                <div class="d-flex gap-2">
                    <a href="{{ route($exportExcelRoute, request()->query()) }}" class="btn btn-sm btn-success shadow-sm"><i class="fa fa-file-excel me-1"></i> Export Excel</a>
                    <a href="{{ route($exportPdfRoute, request()->query()) }}" class="btn btn-sm btn-danger shadow-sm"><i class="fa fa-file-pdf me-1"></i> Export PDF</a>
                </div>
            </div>

            <div class="card-body p-0">
                <div class="p-3">
                    @if($activeMenu === 'tes')
                        @include('admin.kesiswaan.ppdb._table_tes')
                    @elseif($activeMenu === 'hasil')
                        @include('admin.kesiswaan.ppdb._table_hasil_tes')
                    @elseif($activeMenu === 'lulus')
                        @include('admin.kesiswaan.ppdb._table_lulus_tes')
                    @elseif($activeMenu === 'pertimbangkan')
                        @include('admin.kesiswaan.ppdb._table_pertimbangkan_tes')
                    @elseif($activeMenu === 'gagal')
                        @include('admin.kesiswaan.ppdb._table_gagal_tes')
                    @elseif($activeMenu === 'pembayaran')
                        @include('admin.kesiswaan.ppdb._table_pembayaran')
                    @else
                        @include('admin.kesiswaan.ppdb._table')
                    @endif
                </div>
            </div>
        </div>
    </div>
  </div>

</div>
@endsection

@push('scripts')
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
@if(isset($chartData) && $chartData->count())
<script>
const ctx = document.getElementById('ppdbChart');
if (ctx) {
  new Chart(ctx, {
    type: 'bar',
    data: {
      labels: {!! json_encode($chartData->pluck('label')) !!},
      datasets: [{
        label: 'Jumlah Pendaftar',
        data: {!! json_encode($chartData->pluck('total')) !!},
        backgroundColor: '#1572E8',
        borderRadius: 5, 
      }]
    },
    options: {
      responsive: true,
      maintainAspectRatio: false,
      scales: {
        y: { beginAtZero: true, ticks: { precision: 0 } }
      },
      plugins: { legend: { display: false } }
    }
  });
}
</script>
@endif
@endpush