@extends('layouts.app')

@section('content')
<div class="container">
    <x-header title="إضافة عام دراسي جديد" />
    
    <x-alert />

    <form action="{{ route('academic_years.store') }}" method="POST" class="row g-3 needs-validation" novalidate>
        @csrf

        <!-- العام الدراسي -->
        <div class="col-md-6">
            <label for="academic-year">السنة الدراسية:</label>
            <select id="academic-year" name="year" class="form-control">
            </select>
            @error('year')
                <div class="invalid-feedback">{{ $message }}</div>
            @else
                <div class="valid-feedback">كده تمام 👍</div>
            @enderror
        </div>

        <!-- الترم -->
        <div class="col-md-6">
            <label for="term" class="form-label">التيرم</label>
            <select class="form-select @error('term') is-invalid @enderror 
              @if(old('term') && !$errors->has('term')) is-valid @endif tom-select" 
                    id="term" 
                    name="term" 
                    >
                <option selected disabled value="">إختار...</option>
                <option value="1" {{ old('term') == '1' ? 'selected' : '' }}>الترم الأول</option>
                <option value="2" {{ old('term') == '2' ? 'selected' : '' }}>الترم الثاني</option>
                <option value="3" {{ old('term') == '3' ? 'selected' : '' }}>فصول صيفية</option>
            </select>
            @error('term')
                <div class="invalid-feedback">{{ $message }}</div>
            @else
                <div class="invalid-feedback">Please select a valid state.</div>
            @enderror
        </div>

        <!-- تاريخ البدء -->
        <div class="col-md-4">
            <label for="start_date" class="form-label">تاريخ البدء</label>
            <input type="date" 
                class="form-control @error('start_date') is-invalid @enderror 
              @if(old('start_date') && !$errors->has('start_date')) is-valid @endif" 
                id="start_date" 
                name="start_date" 
                value="{{ old('start_date') }}" 
                >
            @error('start_date')
                <div class="invalid-feedback">{{ $message }}</div>
            @else
                <div class="valid-feedback">كده تمام 👍</div>
            @enderror
        </div>

        <!-- تاريخ الانتهاء -->
        <div class="col-md-4">
            <label for="end_date" class="form-label">تاريخ الانتهاء</label>
            <input type="date" 
                class="form-control @error('end_date') is-invalid @enderror 
              @if(old('end_date') && !$errors->has('end_date')) is-valid @endif" 
                id="end_date" 
                name="end_date" 
                value="{{ old('end_date') }}" 
                >
            @error('end_date')
                <div class="invalid-feedback">{{ $message }}</div>
            @else
                <div class="valid-feedback">كده تمام 👍</div>
            @enderror
        </div>

        <!-- الحالة -->
        <input type="hidden" name="status" value="0">
        <div class="form-group col-md-4">
            <label class="mb-2">الحالة</label>
            <div class="row">
                    <div class="col-md-4 mb-2">
                        <input type="checkbox" 
                            class="btn-check" 
                            id="status_active" 
                            name="status" 
                            value="1" 
                            autocomplete="off"
                            @if(collect(old('status'))->contains('1')) checked @endif>
                        <label class="btn btn-outline-primary w-100" for="status_active">
                            تنشط
                        </label>
                    </div>
            </div>
        </div>

        <!-- زر الإضافة -->
        <div class="text-center my-3">
            <button type="submit" class="btn btn-success">إضافة</button>
        </div>
    </form>
</div>
<script>
    document.addEventListener("DOMContentLoaded", function () {
        const yearSelect = document.getElementById('academic-year');
        const currentYear = new Date().getFullYear(); // السنة الحالية (مثلاً 2026)
        
        // توليد خيارات من سنتين فاتوا لحد 5 سنين قدام
        for (let i = -2; i <= 5; i++) {
            const start = currentYear + i;
            const end = start + 1;
            const yearString = `${start}-${end}`; // الصيغة الموحدة النضيفة
            
            const option = document.createElement('option');
            option.value = yearString;
            option.text = `عام ${start} / ${end}`;
            
            // نخلي السنة الحالية هي المختارة تلقائياً (2026-2027)
            if (i === 0) { option.selected = true; }
            
            yearSelect.appendChild(option);
        }
    });
</script>
@endsection