@extends('simaju.layouts.main')
@section('title', 'Tambah Kelas')
@section('content')
<div class="max-w-4xl mx-auto">
    <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6">
        <form action="{{ route('simaju.kelas.store') }}" method="POST">
            @csrf
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Tingkat *</label>
                    <select name="tingkat" required class="w-full px-4 py-2 border rounded-lg">
                        <option value="">Pilih Tingkat</option>
                        <option value="10">Kelas X (Fase E)</option>
                        <option value="11">Kelas XI (Fase F)</option>
                        <option value="12">Kelas XII (Fase F)</option>
                    </select>
                </div>
                <div><label class="block text-sm font-medium text-gray-700 mb-1">Jurusan *</label><select name="jurusan_id" required class="w-full px-4 py-2 border rounded-lg"><option value="">Pilih</option>@foreach($jurusans as $j)<option value="{{ $j->id }}">{{ $j->kode_jurusan }} - {{ $j->nama_jurusan }}</option>@endforeach</select></div>
                <div><label class="block text-sm font-medium text-gray-700 mb-1">Rombel *</label><input type="text" name="rombel" required placeholder="1" class="w-full px-4 py-2 border rounded-lg"></div>
                <div><label class="block text-sm font-medium text-gray-700 mb-1">Tahun Ajaran *</label><input type="text" name="tahun_ajaran" value="{{ date('Y') }}/{{ date('Y')+1 }}" required class="w-full px-4 py-2 border rounded-lg"></div>
                <div><label class="block text-sm font-medium text-gray-700 mb-1">Kapasitas *</label><input type="number" name="kapasitas" value="36" required min="1" class="w-full px-4 py-2 border rounded-lg"></div>
                <div><label class="block text-sm font-medium text-gray-700 mb-1">Wali Kelas</label><select name="wali_kelas_id" class="w-full px-4 py-2 border rounded-lg"><option value="">Pilih</option>@foreach($gurus as $g)<option value="{{ $g->id }}">{{ $g->nama }}</option>@endforeach</select></div>
            </div>
            <div class="mt-6 flex justify-end gap-3">
                <a href="{{ route('simaju.kelas.index') }}" class="px-4 py-2 border rounded-lg hover:bg-gray-50">Batal</a>
                <button type="submit" class="px-4 py-2 bg-primary text-white rounded-lg">Simpan</button>
            </div>
        </form>
    </div>
</div>
@endsection