@extends('simaju.layouts.main')
@section('title', 'Tambah Analisis Kaldik')
@section('page-title', 'Tambah Analisis Kaldik')
@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.analisis-kaldik.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">Jenis Kaldik *</label>
                    <select name="jenis_kaldik" required class="w-full px-4 py-2 border rounded-lg @error('jenis_kaldik') border-red-500 @enderror">
                        <option value="">Pilih Jenis</option>
                        <option value="akademik" {{ old('jenis_kaldik') == 'akademik' ? 'selected' : '' }}>Kalender Akademik</option>
                        <option value="efektif" {{ old('jenis_kaldik') == 'efektif' ? 'selected' : '' }}>Hari Efektif</option>
                        <option value="ujian" {{ old('jenis_kaldik') == 'ujian' ? 'selected' : '' }}>Masa Ujian</option>
                        <option value="libur" {{ old('jenis_kaldik') == 'libur' ? 'selected' : '' }}>Masa Libur</option>
                    </select>
                    @error('jenis_kaldik') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
                </div>
                <div class="grid grid-cols-2 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>
                <div class="grid grid-cols-2 gap-4">
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Jumlah Minggu *</label>
                        <input type="number" name="jumlah_minggu" value="{{ old('jumlah_minggu') }}" min="1" max="52" required class="w-full px-4 py-2 border rounded-lg @error('jumlah_minggu') border-red-500 @enderror">
                        @error('jumlah_minggu') <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">Jumlah Hari Efektif *</label>
                        <input type="number" name="jumlah_hari_efektif" value="{{ old('jumlah_hari_efektif') }}" min="1" max="365" required class="w-full px-4 py-2 border rounded-lg @error('jumlah_hari_efektif') border-red-500 @enderror">
                        @error('jumlah_hari_efektif') <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.analisis-kaldik.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