@extends('layouts.admin')
@section('title', 'Tambah Kelas')
@section('page-title', 'Tambah Kelas')
@section('admin-content')
<x-card title="Form Kelas" subtitle="Buat kelas dan tentukan wali kelas.">
<form action="{{ route('admin.kelas.store') }}" method="POST" class="grid grid-cols-1 gap-4 md:grid-cols-2">
    @csrf
    <x-input name="tingkat" label="Tingkat" placeholder="contoh: 10 / 11 / 12" required />
    <x-input name="nama_kelas" label="Nama Kelas" placeholder="contoh: A" required />
    <x-input name="kapasitas" label="Kapasitas" type="number" placeholder="contoh: 32" />
    <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 }}">{{ $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