@extends('layouts.admin')
@section('title', 'Atur Tahapan SPMB – Admin')

@section('admin-content')
<div class="sd-admin-topbar">
  <div>
    <p class="sd-admin-eyebrow">Pendaftaran (SPMB)</p>
    <h1 class="sd-admin-title">Atur Tahapan SPMB</h1>
  </div>
  <a href="{{ route('admin.jadwal-ppdb.index') }}" class="sd-admin-btn outline"><i class="bi bi-arrow-left"></i> Jadwal Lengkap</a>
</div>

<p class="hint" style="margin-bottom:16px">
  Centang kegiatan yang ingin ditampilkan sebagai timeline ringkas di bagian atas halaman Pendaftaran (publik).
  Atur juga nomor urutnya. Kegiatan yang tidak dicentang tetap ada di tabel Jadwal Lengkap, hanya tidak tampil di timeline.
</p>

<div class="sd-admin-card">
  <form action="{{ route('admin.jadwal-ppdb.tahapan.update') }}" method="POST">
    @csrf
    @method('PUT')

    <div class="sd-admin-table-wrap">
      <table class="sd-admin-table">
        <thead>
          <tr><th style="width:60px">Tampil</th><th>Kegiatan</th><th>Tanggal</th><th>Status</th><th style="width:120px">Urutan</th></tr>
        </thead>
        <tbody>
          @forelse($items as $item)
          <tr>
            <td style="text-align:center">
              <input type="checkbox" name="tampil_tahapan[]" value="{{ $item->id }}" {{ $item->tampil_tahapan ? 'checked' : '' }} style="width:18px;height:18px;accent-color:var(--biru)">
            </td>
            <td style="font-weight:600">{{ $item->kegiatan }}</td>
            <td>{{ $item->tanggal_tampil }}</td>
            <td>
              @if($item->status==='aktif') <span class="sd-badge hijau">Berjalan</span>
              @elseif($item->status==='selesai') <span class="sd-badge">Selesai</span>
              @else <span class="sd-badge kuning">Akan Datang</span>
              @endif
            </td>
            <td>
              <input type="number" name="urutan_tahapan[{{ $item->id }}]" value="{{ $item->urutan_tahapan }}" class="sd-form-control" style="max-width:90px">
            </td>
          </tr>
          @empty
          <tr><td colspan="5" style="text-align:center;padding:24px;color:var(--teks-abu)">Belum ada jadwal. Tambahkan dulu di menu Jadwal Lengkap.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>

    <div class="sd-form-actions">
      <button type="submit" class="sd-admin-btn"><i class="bi bi-check2"></i> Simpan Tahapan</button>
    </div>
  </form>
</div>
@endsection