@extends('layouts.dashboard')

@section('title', 'Edit Student')

@section('page-content')
<div class="mb-6">
    <div class="flex items-center space-x-2 text-sm text-gray-600 mb-2">
        <a href="{{ route('students.index') }}" class="hover:text-gray-900">Students</a>
        <span>/</span>
        <a href="{{ route('students.show', $student) }}" class="hover:text-gray-900">{{ $student->student_id }}</a>
        <span>/</span>
        <span class="text-gray-900">Edit</span>
    </div>
    <h1 class="text-2xl font-bold text-gray-900">Edit Student</h1>
</div>

<form method="POST" action="{{ route('students.update', $student) }}" class="max-w-4xl">
    @csrf
    @method('PUT')

    <div class="bg-white rounded-lg shadow-sm p-6 space-y-6">
        <!-- Student ID -->
        <div>
            <h3 class="text-lg font-semibold text-gray-900 mb-4">Student Identification</h3>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div>
                    <label for="student_id" class="block text-sm font-medium text-gray-700 mb-2">Student ID *</label>
                    <input type="text" name="student_id" id="student_id" value="{{ old('student_id', $student->student_id) }}" required
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('student_id') border-red-500 @enderror">
                    @error('student_id')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <div>
                    <label for="registration_number" class="block text-sm font-medium text-gray-700 mb-2">Registration Number</label>
                    <input type="text" name="registration_number" id="registration_number" value="{{ old('registration_number', $student->registration_number) }}"
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('registration_number') border-red-500 @enderror">
                    @error('registration_number')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>
            </div>
        </div>

        <!-- Academic Information -->
        <div>
            <h3 class="text-lg font-semibold text-gray-900 mb-4">Academic Information</h3>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div>
                    <label for="program_id" class="block text-sm font-medium text-gray-700 mb-2">Program *</label>
                    <select name="program_id" id="program_id" required
                            class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('program_id') border-red-500 @enderror">
                        <option value="">Select Program</option>
                        @foreach($programs->groupBy('department.name') as $deptName => $deptPrograms)
                            <optgroup label="{{ $deptName }}">
                                @foreach($deptPrograms as $program)
                                    <option value="{{ $program->id }}" {{ old('program_id', $student->program_id) == $program->id ? 'selected' : '' }}>
                                        {{ $program->name }}
                                    </option>
                                @endforeach
                            </optgroup>
                        @endforeach
                    </select>
                    @error('program_id')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <div>
                    <label for="academic_year_id" class="block text-sm font-medium text-gray-700 mb-2">Academic Year *</label>
                    <select name="academic_year_id" id="academic_year_id" required
                            class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('academic_year_id') border-red-500 @enderror">
                        <option value="">Select Year</option>
                        @foreach($academicYears as $year)
                            <option value="{{ $year->id }}" {{ old('academic_year_id', $student->academic_year_id) == $year->id ? 'selected' : '' }}>
                                {{ $year->name }}
                            </option>
                        @endforeach
                    </select>
                    @error('academic_year_id')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <div>
                    <label for="current_semester_id" class="block text-sm font-medium text-gray-700 mb-2">Current Semester</label>
                    <select name="current_semester_id" id="current_semester_id"
                            class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('current_semester_id') border-red-500 @enderror">
                        <option value="">Select Semester</option>
                        @foreach($semesters as $semester)
                            <option value="{{ $semester->id }}" {{ old('current_semester_id', $student->current_semester_id) == $semester->id ? 'selected' : '' }}>
                                {{ $semester->name }}
                            </option>
                        @endforeach
                    </select>
                    @error('current_semester_id')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <div>
                    <label for="current_level" class="block text-sm font-medium text-gray-700 mb-2">Current Level *</label>
                    <select name="current_level" id="current_level" required
                            class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('current_level') border-red-500 @enderror">
                        <option value="">Select Level</option>
                        <option value="100" {{ old('current_level', $student->current_level) == '100' ? 'selected' : '' }}>Level 100</option>
                        <option value="200" {{ old('current_level', $student->current_level) == '200' ? 'selected' : '' }}>Level 200</option>
                        <option value="300" {{ old('current_level', $student->current_level) == '300' ? 'selected' : '' }}>Level 300</option>
                        <option value="400" {{ old('current_level', $student->current_level) == '400' ? 'selected' : '' }}>Level 400</option>
                    </select>
                    @error('current_level')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <div>
                    <label for="admission_date" class="block text-sm font-medium text-gray-700 mb-2">Admission Date *</label>
                    <input type="date" name="admission_date" id="admission_date" value="{{ old('admission_date', $student->admission_date?->format('Y-m-d')) }}" required
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('admission_date') border-red-500 @enderror">
                    @error('admission_date')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <div>
                    <label for="status" class="block text-sm font-medium text-gray-700 mb-2">Status</label>
                    <select name="status" id="status"
                            class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('status') border-red-500 @enderror">
                        <option value="applicant" {{ old('status', $student->status) == 'applicant' ? 'selected' : '' }}>Applicant</option>
                        <option value="admitted" {{ old('status', $student->status) == 'admitted' ? 'selected' : '' }}>Admitted</option>
                        <option value="enrolled" {{ old('status', $student->status) == 'enrolled' ? 'selected' : '' }}>Enrolled</option>
                        <option value="suspended" {{ old('status', $student->status) == 'suspended' ? 'selected' : '' }}>Suspended</option>
                        <option value="withdrawn" {{ old('status', $student->status) == 'withdrawn' ? 'selected' : '' }}>Withdrawn</option>
                        <option value="graduated" {{ old('status', $student->status) == 'graduated' ? 'selected' : '' }}>Graduated</option>
                        <option value="expelled" {{ old('status', $student->status) == 'expelled' ? 'selected' : '' }}>Expelled</option>
                    </select>
                    @error('status')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>
            </div>
        </div>

        <!-- Academic Performance -->
        <div>
            <h3 class="text-lg font-semibold text-gray-900 mb-4">Academic Performance</h3>
            <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                <div>
                    <label for="cgpa" class="block text-sm font-medium text-gray-700 mb-2">CGPA</label>
                    <input type="number" step="0.01" min="0" max="4" name="cgpa" id="cgpa" value="{{ old('cgpa', $student->cgpa) }}"
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('cgpa') border-red-500 @enderror">
                    @error('cgpa')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <div>
                    <label for="credits_earned" class="block text-sm font-medium text-gray-700 mb-2">Credits Earned</label>
                    <input type="number" name="credits_earned" id="credits_earned" value="{{ old('credits_earned', $student->credits_earned) }}"
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('credits_earned') border-red-500 @enderror">
                    @error('credits_earned')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <div>
                    <label for="credits_required" class="block text-sm font-medium text-gray-700 mb-2">Credits Required</label>
                    <input type="number" name="credits_required" id="credits_required" value="{{ old('credits_required', $student->credits_required) }}"
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('credits_required') border-red-500 @enderror">
                    @error('credits_required')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>
            </div>
        </div>
    </div>

    <!-- Actions -->
    <div class="mt-6 flex items-center justify-end space-x-4">
        <a href="{{ route('students.show', $student) }}" class="px-6 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50">
            Cancel
        </a>
        <button type="submit" class="px-6 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700">
            Update Student
        </button>
    </div>
</form>
@endsection