@extends('simaju.layouts.main')
@section('title', 'Tambah Prota')
@section('page-title', 'Tambah Program Tahunan')
@section('content')
<div class="max-w-3xl mx-auto">
    <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6">
        <form action="{{ route('simaju.prota.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">Guru *</label>
                    <select name="guru_id" required class="w-full px-4 py-2 border rounded-lg @error('guru_id') border-red-500 @enderror">
                        <option value="">Pilih Guru</option>
                        @foreach($guruList as $g)
                        <option value="{{ $g->id }}" {{ old('guru_id') == $g->id ? 'selected' : '' }}>{{ $g->nama }}</option>
                        @endforeach
                    </select>
                    @error('guru_id') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Kelas *</label>
                    <select name="kelas_id" required class="w-full px-4 py-2 border rounded-lg @error('kelas_id') border-red-500 @enderror">
                        <option value="">Pilih Kelas</option>
                        @foreach($kelasList as $k)
                        <option value="{{ $k->id }}" {{ old('kelas_id') == $k->id ? 'selected' : '' }}>{{ $k->nama_kelas }}</option>
                        @endforeach
                    </select>
                    @error('kelas_id') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Mata Pelajaran *</label>
                    <select name="mata_pelajaran_id" required class="w-full px-4 py-2 border rounded-lg @error('mata_pelajaran_id') border-red-500 @enderror">
                        <option value="">Pilih Mapel</option>
                        @foreach($mapelList as $m)
                        <option value="{{ $m->id }}" {{ old('mata_pelajaran_id') == $m->id ? 'selected' : '' }}>{{ $m->kode_mapel }} - {{ $m->nama_mapel }}</option>
                        @endforeach
                    </select>
                    @error('mata_pelajaran_id') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Tahun Ajaran *</label>
                    <input type="text" name="tahun_ajaran" value="{{ old('tahun_ajaran', date('Y') . '/' . (date('Y')+1)) }}" required class="w-full px-4 py-2 border rounded-lg @error('tahun_ajaran') border-red-500 @enderror">
                    @error('tahun_ajaran') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Semester *</label>
                    <select name="semester" required class="w-full px-4 py-2 border rounded-lg @error('semester') border-red-500 @enderror">
                        <option value="ganjil" {{ old('semester') == 'ganjil' ? 'selected' : '' }}>Ganjil</option>
                        <option value="genap" {{ old('semester') == 'genap' ? 'selected' : '' }}>Genap</option>
                    </select>
                    @error('semester') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Minggu Ke- *</label>
                    <input type="number" name="minggu_ke" value="{{ old('minggu_ke') }}" min="1" max="52" required class="w-full px-4 py-2 border rounded-lg @error('minggu_ke') border-red-500 @enderror">
                    @error('minggu_ke') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
                </div>
            </div>
            <div class="mt-4">
                <label class="block text-sm font-medium text-gray-700 mb-1">Materi *</label>
                <textarea name="materi" rows="4" required class="w-full px-4 py-2 border rounded-lg @error('materi') border-red-500 @enderror" placeholder="Daftar materi yang akan diajarkan untuk satu tahun...">{{ old('materi') }}</textarea>
                @error('materi') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
            </div>
            <div class="mt-4">
                <label class="block text-sm font-medium text-gray-700 mb-1">Kompetensi Dasar</label>
                <textarea name="kd" rows="2" class="w-full px-4 py-2 border rounded-lg @error('kd') border-red-500 @enderror" placeholder="KD yang digunakan...">{{ old('kd') }}</textarea>
                @error('kd') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
            </div>
            <div class="mt-4">
                <label class="block text-sm font-medium text-gray-700 mb-1">Keterangan</label>
                <textarea name="keterangan" rows="2" class="w-full px-4 py-2 border rounded-lg @error('keterangan') border-red-500 @enderror">{{ old('keterangan') }}</textarea>
                @error('keterangan') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
            </div>
            <div class="mt-6 flex justify-end gap-3">
                <a href="{{ route('simaju.prota.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 hover:bg-blue-600">Simpan</button>
            </div>
        </form>
    </div>
</div>
@endsection