@extends('layouts.admin')
@section('title', 'Jadwal Lengkap PPDB – Admin')

@section('admin-content')
<div class="sd-admin-topbar">
  <div>
    <p class="sd-admin-eyebrow">Pendaftaran (SPMB)</p>
    <h1 class="sd-admin-title">Jadwal Lengkap</h1>
  </div>
  <div style="display:flex;gap:10px">
    <a href="{{ route('admin.jadwal-ppdb.tahapan') }}" class="sd-admin-btn outline"><i class="bi bi-signpost-split"></i> Atur Tahapan SPMB</a>
    <a href="{{ route('admin.jadwal-ppdb.create') }}" class="sd-admin-btn"><i class="bi bi-plus-lg"></i> Tambah Jadwal</a>
  </div>
</div>

<p class="hint" style="margin-bottom:16px">
  Status (Akan Datang / Sedang Berjalan / Selesai) dihitung <strong>otomatis</strong> dari tanggal mulai & selesai — tidak perlu diubah manual.
  Untuk memilih kegiatan mana saja yang tampil di timeline ringkas halaman Pendaftaran, gunakan menu <strong>Atur Tahapan SPMB</strong>.
</p>

<div class="sd-admin-table-wrap">
  <table class="sd-admin-table">
    <thead>
      <tr><th>No</th><th>Kegiatan</th><th>Tanggal</th><th>Tempat</th><th>Status</th><th>Aksi</th></tr>
    </thead>
    <tbody>
      @forelse($items as $i => $item)
      <tr>
        <td>{{ $i+1 }}</td>
        <td style="font-weight:600">{{ $item->kegiatan }}</td>
        <td>{{ $item->tanggal_tampil }}</td>
        <td>{{ $item->tempat }}</td>
        <td>
          @if($item->status==='aktif') <span class="sd-badge hijau">Sedang Berjalan</span>
          @elseif($item->status==='selesai') <span class="sd-badge">Selesai</span>
          @else <span class="sd-badge kuning">Akan Datang</span>
          @endif
        </td>
        <td class="sd-admin-actions-cell">
          <a href="{{ route('admin.jadwal-ppdb.edit', $item->id) }}" class="sd-admin-btn kecil outline"><i class="bi bi-pencil"></i></a>
          <form action="{{ route('admin.jadwal-ppdb.destroy', $item->id) }}" method="POST" onsubmit="return confirm('Hapus jadwal 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="6" style="text-align:center;padding:24px;color:var(--teks-abu)">Belum ada jadwal.</td></tr>
      @endforelse
    </tbody>
  </table>
</div>
@endsection