@extends('simaju.layouts.main')
@section('title', 'Tambah Kalender Pendidikan')
@section('page-title', 'Tambah Kalender Pendidikan')
@section('content')
<div class="max-w-2xl mx-auto">
    <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6">
        <form action="{{ route('simaju.kalender-pendidikan.store') }}" method="POST">
            @csrf
            <div class="space-y-4">
                <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">Nama Kegiatan *</label>
                    <input type="text" name="nama_kegiatan" value="{{ old('nama_kegiatan') }}" required class="w-full px-4 py-2 border rounded-lg @error('nama_kegiatan') border-red-500 @enderror" placeholder="Contoh: Hari Raya Nyepi">
                    @error('nama_kegiatan') <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">Kategori *</label>
                    <select name="kategori" required class="w-full px-4 py-2 border rounded-lg @error('kategori') border-red-500 @enderror">
                        <option value="">Pilih Kategori</option>
                        <option value="kegiatan" {{ old('kategori') == 'kegiatan' ? 'selected' : '' }}>Kegiatan</option>
                        <option value="hari_raya" {{ old('kategori') == 'hari_raya' ? 'selected' : '' }}>Hari Raya</option>
                        <option value="cuti" {{ old('kategori') == 'cuti' ? 'selected' : '' }}>Cuti</option>
                        <option value="ujian" {{ old('kategori') == 'ujian' ? 'selected' : '' }}>Ujian</option>
                        <option value="libur" {{ old('kategori') == 'libur' ? 'selected' : '' }}>Libur</option>
                        <option value="mosa" {{ old('kategori') == 'mosa' ? 'selected' : '' }}>MOSA</option>
                        <option value="orientasi" {{ old('kategori') == 'orientasi' ? 'selected' : '' }}>Orientasi</option>
                    </select>
                    @error('kategori') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
                </div>
                <div class="grid grid-cols-3 gap-4">
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Tanggal Mulai *</label>
                        <input type="date" name="tanggal_mulai" value="{{ old('tanggal_mulai') }}" required class="w-full px-4 py-2 border rounded-lg @error('tanggal_mulai') border-red-500 @enderror">
                        @error('tanggal_mulai') <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">Tanggal Selesai *</label>
                        <input type="date" name="tanggal_selesai" value="{{ old('tanggal_selesai') }}" required class="w-full px-4 py-2 border rounded-lg @error('tanggal_selesai') border-red-500 @enderror">
                        @error('tanggal_selesai') <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">Tanggal Kegiatan *</label>
                        <input type="date" name="tanggal" value="{{ old('tanggal') }}" required class="w-full px-4 py-2 border rounded-lg @error('tanggal') border-red-500 @enderror">
                        @error('tanggal') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
                    </div>
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Keterangan</label>
                    <textarea name="keterangan" rows="3" 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>
            <div class="mt-6 flex justify-end gap-3">
                <a href="{{ route('simaju.kalender-pendidikan.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