@extends('layouts.admin')
@section('title', 'Edit Kelas')
@section('page-title', 'Edit Kelas')
@section('admin-content')
<x-card title="Edit Kelas" subtitle="Ubah data kelas dan wali kelas.">
<form action="{{ route('admin.kelas.update', $kelas) }}" method="POST" class="grid grid-cols-1 gap-4 md:grid-cols-2">
    @csrf @method('PUT')
    <x-input name="tingkat" label="Tingkat" required :value="old('tingkat', $kelas->tingkat)" />
    <x-input name="nama_kelas" label="Nama Kelas" required :value="old('nama_kelas', $kelas->nama_kelas)" />
    <x-input name="kapasitas" label="Kapasitas" type="number" :value="old('kapasitas', $kelas->kapasitas)" />
    <div>
        <label class="mb-1 block text-sm font-semibold text-slate-700">Wali Kelas</label>
        <select name="wali_kelas_id" class="w-full rounded-xl border border-slate-200 bg-white px-3 py-2.5 text-sm shadow-sm outline-none transition focus:border-brand-400 focus:ring-4 focus:ring-brand-200">
            <option value="">-- Pilih --</option>
            @foreach($gurus as $g)
                <option value="{{ $g->id }}" {{ $kelas->wali_kelas_id==$g->id?'selected':'' }}>{{ $g->nama_lengkap }}</option>
            @endforeach
        </select>
    </div>
    <div class="md:col-span-2 mt-2 flex flex-wrap gap-2">
        <x-button type="submit" variant="secondary">Simpan</x-button>
        <x-button href="{{ route('admin.kelas.index') }}" variant="ghost">Batal</x-button>
    </div>
</form>
</x-card>
@endsection