@extends('layouts.dashboard')

@section('title', 'Add 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>
        <span class="text-gray-900">Add New</span>
    </div>
    <h1 class="text-2xl font-bold text-gray-900">Add New Student</h1>
</div>

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

    <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') }}" 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') }}"
                           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') == $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') == $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') == $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') == '100' ? 'selected' : '' }}>Level 100</option>
                        <option value="200" {{ old('current_level') == '200' ? 'selected' : '' }}>Level 200</option>
                        <option value="300" {{ old('current_level') == '300' ? 'selected' : '' }}>Level 300</option>
                        <option value="400" {{ old('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') }}" 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="admission_type" class="block text-sm font-medium text-gray-700 mb-2">Admission Type *</label>
                    <select name="admission_type" id="admission_type" 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_type') border-red-500 @enderror">
                        <option value="">Select Type</option>
                        <option value="regular" {{ old('admission_type') == 'regular' ? 'selected' : '' }}>Regular</option>
                        <option value="transfer" {{ old('admission_type') == 'transfer' ? 'selected' : '' }}>Transfer</option>
                        <option value="direct_entry" {{ old('admission_type') == 'direct_entry' ? 'selected' : '' }}>Direct Entry</option>
                        <option value="international" {{ old('admission_type') == 'international' ? 'selected' : '' }}>International</option>
                    </select>
                    @error('admission_type')
                        <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', 'applicant') == 'applicant' ? 'selected' : '' }}>Applicant</option>
                        <option value="admitted" {{ old('status') == 'admitted' ? 'selected' : '' }}>Admitted</option>
                        <option value="enrolled" {{ old('status') == 'enrolled' ? 'selected' : '' }}>Enrolled</option>
                        <option value="suspended" {{ old('status') == 'suspended' ? 'selected' : '' }}>Suspended</option>
                        <option value="withdrawn" {{ old('status') == 'withdrawn' ? 'selected' : '' }}>Withdrawn</option>
                        <option value="graduated" {{ old('status') == 'graduated' ? 'selected' : '' }}>Graduated</option>
                        <option value="expelled" {{ old('status') == 'expelled' ? 'selected' : '' }}>Expelled</option>
                    </select>
                    @error('status')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>
            </div>
        </div>

        <!-- User Account -->
        <div>
            <h3 class="text-lg font-semibold text-gray-900 mb-4">Link to User Account</h3>
            <div>
                <label for="user_id" class="block text-sm font-medium text-gray-700 mb-2">User Account (Optional)</label>
                <select name="user_id" id="user_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('user_id') border-red-500 @enderror">
                    <option value="">Select User or Leave Blank</option>
                    @foreach($users as $user)
                        <option value="{{ $user->id }}" {{ old('user_id') == $user->id ? 'selected' : '' }}>
                            {{ $user->name }} ({{ $user->email }})
                        </option>
                    @endforeach
                </select>
                <p class="mt-1 text-sm text-gray-500">Select an existing user account or leave blank to create later</p>
                @error('user_id')
                    <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                @enderror
            </div>
        </div>
    </div>

    <!-- Actions -->
    <div class="mt-6 flex items-center justify-end space-x-4">
        <a href="{{ route('students.index') }}" 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">
            Create Student
        </button>
    </div>
</form>
@endsection