@extends('layouts.admin')
@section('title', ($item->exists ? 'Kelola' : 'Tambah').' Kelas – Admin')

@section('admin-content')
<div class="sd-admin-topbar">
  <div>
    <p class="sd-admin-eyebrow">Data Kelas</p>
    <h1 class="sd-admin-title">{{ $item->exists ? 'Kelola Kelas '.$item->nama_kelas : 'Tambah Kelas' }}</h1>
  </div>
  <a href="{{ route('admin.kelas.index') }}" class="sd-admin-btn outline"><i class="bi bi-arrow-left"></i> Kembali</a>
</div>

<div class="sd-admin-card">
  <h2 class="sd-admin-card-title">Informasi Kelas</h2>
  <form action="{{ $item->exists ? route('admin.kelas.update', $item->id) : route('admin.kelas.store') }}" method="POST">
    @csrf
    @if($item->exists) @method('PUT') @endif

    <div class="sd-form-row">
      <div class="sd-form-group">
        <label>Nama Kelas (angka romawi)</label>
        <input type="text" name="nama_kelas" class="sd-form-control" value="{{ old('nama_kelas', $item->nama_kelas) }}" placeholder="Contoh: I, II, III" required>
      </div>
      <div class="sd-form-group">
        <label>Ruang</label>
        <input type="text" name="ruang" class="sd-form-control" value="{{ old('ruang', $item->ruang) }}" placeholder="Contoh: R-101">
      </div>
    </div>

    <div class="sd-form-row">
      <div class="sd-form-group">
        <label>Wali Kelas</label>
        <input type="text" name="wali_kelas" class="sd-form-control" value="{{ old('wali_kelas', $item->wali_kelas) }}">
      </div>
      <div class="sd-form-group">
        <label>Kapasitas Maksimum</label>
        <input type="number" name="kapasitas" class="sd-form-control" value="{{ old('kapasitas', $item->kapasitas ?? 36) }}" required>
      </div>
    </div>

    <div class="sd-form-row">
      <div class="sd-form-group">
        <label>Jadwal Masuk</label>
        <input type="text" name="jadwal_masuk" class="sd-form-control" value="{{ old('jadwal_masuk', $item->jadwal_masuk) }}" placeholder="Contoh: 07.00 – 09.00">
      </div>
      <div class="sd-form-group">
        <label>Mata Pelajaran</label>
        <input type="text" name="mapel" class="sd-form-control" value="{{ old('mapel', $item->mapel) }}" placeholder="Contoh: Matematika, IPA">
      </div>
    </div>

    <div class="sd-form-group">
      <label>Fasilitas Kelas (satu baris = satu item)</label>
      <textarea name="fasilitas_text" class="sd-form-control" rows="4" placeholder="Papan tulis&#10;Meja kursi siswa&#10;LCD Proyektor">{{ old('fasilitas_text', $item->fasilitas ? implode("\n", $item->fasilitas) : '') }}</textarea>
    </div>

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

@if($item->exists)
<div class="sd-admin-card">
  <h2 class="sd-admin-card-title">Data Siswa Kelas {{ $item->nama_kelas }} ({{ $item->siswas->count() }} siswa)</h2>

  <form action="{{ route('admin.kelas.siswa.store', $item->id) }}" method="POST" style="display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px">
    @csrf
    <input type="text" name="nis" class="sd-form-control" style="max-width:160px" placeholder="NIS" required>
    <input type="text" name="nama" class="sd-form-control" style="flex:1;min-width:200px" placeholder="Nama Siswa" required>
    <select name="jenis_kelamin" class="sd-form-control" style="max-width:120px" required>
      <option value="L">L</option>
      <option value="P">P</option>
    </select>
    <button type="submit" class="sd-admin-btn"><i class="bi bi-plus-lg"></i> Tambah Siswa</button>
  </form>

  <div class="sd-admin-table-wrap">
    <table class="sd-admin-table">
      <thead>
        <tr><th>No</th><th>NIS</th><th>Nama</th><th>JK</th><th>Aksi</th></tr>
      </thead>
      <tbody>
        @forelse($item->siswas as $i => $siswa)
        <tr>
          <td>{{ $i+1 }}</td>
          <td><input type="text" name="nis" form="siswa-form-{{ $siswa->id }}" value="{{ $siswa->nis }}" class="sd-form-control" style="font-family:monospace"></td>
          <td><input type="text" name="nama" form="siswa-form-{{ $siswa->id }}" value="{{ $siswa->nama }}" class="sd-form-control"></td>
          <td>
            <select name="jenis_kelamin" form="siswa-form-{{ $siswa->id }}" class="sd-form-control">
              <option value="L" {{ $siswa->jenis_kelamin === 'L' ? 'selected' : '' }}>L</option>
              <option value="P" {{ $siswa->jenis_kelamin === 'P' ? 'selected' : '' }}>P</option>
            </select>
          </td>
          <td class="sd-admin-actions-cell">
            <button type="submit" form="siswa-form-{{ $siswa->id }}" class="sd-admin-btn kecil" title="Simpan"><i class="bi bi-check2"></i></button>
            <button type="submit" form="siswa-delete-{{ $siswa->id }}" class="sd-admin-btn kecil merah" title="Hapus" onclick="return confirm('Hapus siswa ini?')"><i class="bi bi-trash"></i></button>
          </td>
        </tr>
        @empty
        <tr><td colspan="5" style="text-align:center;padding:18px;color:var(--teks-abu)">Belum ada siswa di kelas ini.</td></tr>
        @endforelse
      </tbody>
    </table>
  </div>

  {{-- Form tersembunyi per baris siswa, dihubungkan lewat atribut form= pada input di atas --}}
  @foreach($item->siswas as $siswa)
  <form id="siswa-form-{{ $siswa->id }}" action="{{ route('admin.kelas.siswa.update', [$item->id, $siswa->id]) }}" method="POST" style="display:none">
    @csrf @method('PUT')
  </form>
  <form id="siswa-delete-{{ $siswa->id }}" action="{{ route('admin.kelas.siswa.destroy', [$item->id, $siswa->id]) }}" method="POST" style="display:none">
    @csrf @method('DELETE')
  </form>
  @endforeach

  <p class="hint" style="margin-top:10px">Ubah data langsung di kolom lalu klik ikon centang pada baris yang bersangkutan untuk menyimpan.</p>
</div>
@endif
@endsection