@extends('public.layout.app')
@section('title', __('front.online_apply'))

@php
    $formSettings ??= [];
    $formSetting = fn ($key) => $formSettings[$key] ?? ['label' => null, 'help_text' => null, 'is_visible' => true, 'is_required' => false];
    $fieldVisible = fn ($key) => (bool) ($formSetting($key)['is_visible'] ?? true);
    $fieldRequired = fn ($key, $default = false) => $fieldVisible($key) && (bool) ($formSetting($key)['is_required'] ?? $default);
    $fieldLabel = fn ($key, $fallback) => $formSetting($key)['label'] ?: $fallback;
    $fieldHelp = fn ($key, $fallback = null) => $formSetting($key)['help_text'] ?: $fallback;
    $requiredMark = fn ($key, $default = false) => $fieldRequired($key, $default) ? '<span class="text-danger">*</span>' : '';
    \App\Models\Finance\ModuleSetting::ensureDefaults();
    $publicFormVisible = fn ($key) => \App\Models\Finance\ModuleSetting::allows('online_forms') && \App\Models\Finance\ModuleSetting::allows($key);
@endphp

@section('body')
<section class="admission-hero online-form-shell">
    <div class="container">
        <div class="row g-4 align-items-stretch">
            <div class="col-lg-4">
                <div class="admission-side-card h-100">
                    <div class="text-center mb-4">
                        <div class="student-illustration mx-auto mb-3">
                            <i class="fa-solid fa-user-graduate"></i>
                        </div>
                        <h3 class="fw-bold mb-2">Afghan Online Education</h3>
                        <p class="mb-0 opacity-75">{{ $fieldLabel('title', 'Online Admission Apply Form') }}</p>
                    </div>
                    <div class="admission-step"><span>1</span><div><strong>Apply Online</strong><small>Fill all student information</small></div></div>
                    <div class="admission-step"><span>2</span><div><strong>Admin Review</strong><small>Pending / Approved / Rejected</small></div></div>
                    <div class="admission-step"><span>3</span><div><strong>Email Notification</strong><small>Student receives status by email</small></div></div>
                    <div class="admission-step"><span>4</span><div><strong>Create Student</strong><small>Academic data moves to student profile</small></div></div>
                    <div class="mt-4 p-3 rounded-4 bg-white bg-opacity-10 small">
                        <i class="fa-solid fa-envelope me-1"></i> admissions@ao-uni.org
                    </div>
                    @if($publicFormVisible('public_form_admission_track'))
                        <a href="{{ route('front.admission.track') }}" class="btn btn-outline-light w-100 mt-3 fw-bold">
                            <i class="fa-solid fa-magnifying-glass me-1"></i> Track submitted application
                        </a>
                    @endif
                    @include('public.partials.form-help-notice', [
                        'roleEn' => 'After applying, your role is applicant/student candidate. The admissions team reviews your form and sends status updates by email or the tracking page.',
                        'rolePs' => 'له غوښتنې وروسته ستاسو رول د نوماند زده‌کوونکي دی. د شمولیت ټیم فورم ګوري او د برېښنالیک یا تعقیب پاڼې له لارې حالت درلېږي.',
                        'roleFa' => 'پس از درخواست، نقش شما نامزد دانشجو است. تیم پذیرش فورم شما را بررسی می‌کند و وضعیت را از طریق ایمیل یا صفحه پیگیری می‌فرستد.',
                    ])
                </div>
            </div>

            <div class="col-lg-8">
                <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
                    <div>
                        <h3 class="fw-bold mb-0">{{ $fieldLabel('title', __('front.online_apply')) }}</h3>
                        <div class="text-muted small">{{ $fieldLabel('subtitle', 'پوهنځی، څانګه، پروګرام او کورس انتخاب کړئ، بیا مکمل فورم وسپارئ.') }}</div>
                    </div>
                    <a href="{{ route('front.home') }}" class="btn btn-outline-light btn-sm">
                        <i class="fa-solid fa-house me-1"></i> {{ __('front.home') }}
                    </a>
                </div>

                @if(session('success'))
                    <div class="alert alert-success d-flex align-items-center gap-2 rounded-4">
                        <i class="fa-solid fa-circle-check"></i>
                        <div>{{ session('success') }}</div>
                    </div>
                @endif

                @if ($errors->any())
                    <div class="alert alert-danger rounded-4">
                        <strong>مهرباني وکړئ فورم سم بشپړ کړئ.</strong>
                        <ul class="mb-0 mt-2">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <div class="card online-form-card border-0 shadow-lg admission-form-card">
                    <div class="card-body p-4 p-lg-5">
                        <form method="POST" action="{{ route('front.apply.store') }}" enctype="multipart/form-data">
                            @csrf

                            <div class="form-section-title"><i class="fa-solid fa-building-columns"></i> Academic Selection / د زده کړې انتخاب</div>
                            <div class="row g-3 mb-4">
                                @if($fieldVisible('university_id'))
                                <div class="col-md-6">
                                    <label class="form-label">{{ $fieldLabel('university_id', 'University / پوهنتون') }} {!! $requiredMark('university_id', true) !!}</label>
                                    <select name="university_id" id="university_id" class="form-select @error('university_id') is-invalid @enderror" @if($fieldRequired('university_id', true)) required @endif>
                                        <option value="">Select University</option>
                                        @foreach($universities as $university)
                                            <option value="{{ $university->id }}" {{ old('university_id') == $university->id ? 'selected' : '' }}>{{ $university->name }}</option>
                                        @endforeach
                                    </select>
                                    @error('university_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                                @endif

                                @if($fieldVisible('faculty_id'))
                                <div class="col-md-6">
                                    <label class="form-label">{{ $fieldLabel('faculty_id', 'Faculty / پوهنځی') }} {!! $requiredMark('faculty_id', true) !!}</label>
                                    <select name="faculty_id" id="faculty_id" class="form-select @error('faculty_id') is-invalid @enderror" @if($fieldRequired('faculty_id', true)) required @endif>
                                        <option value="">Select Faculty</option>
                                        @foreach($faculties as $faculty)
                                            <option value="{{ $faculty->id }}" data-university="{{ $faculty->university_id }}" {{ old('faculty_id') == $faculty->id ? 'selected' : '' }}>{{ $faculty->name }}</option>
                                        @endforeach
                                    </select>
                                    @error('faculty_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                                @endif

                                @if($fieldVisible('department_id'))
                                <div class="col-md-6">
                                    <label class="form-label">{{ $fieldLabel('department_id', 'Department / څانګه') }} {!! $requiredMark('department_id', true) !!}</label>
                                    <select name="department_id" id="department_id" class="form-select @error('department_id') is-invalid @enderror" @if($fieldRequired('department_id', true)) required @endif>
                                        <option value="">Select Department</option>
                                        @foreach($departments as $department)
                                            <option value="{{ $department->id }}" data-faculty="{{ $department->faculty_id }}" {{ old('department_id') == $department->id ? 'selected' : '' }}>{{ $department->name }}</option>
                                        @endforeach
                                    </select>
                                    @error('department_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                                @endif

                                @if($fieldVisible('program_id'))
                                <div class="col-md-6">
                                    <label class="form-label">{{ $fieldLabel('program_id', 'Program / پروګرام') }} {!! $requiredMark('program_id', true) !!}</label>
                                    <select name="program_id" id="program_id" class="form-select @error('program_id') is-invalid @enderror" @if($fieldRequired('program_id', true)) required @endif>
                                        <option value="">Select Program</option>
                                        @foreach($programs as $program)
                                            <option value="{{ $program->id }}" data-department="{{ $program->department_id }}" {{ old('program_id') == $program->id ? 'selected' : '' }}>{{ $program->name }} @if($program->degree_type) - {{ $program->degree_type }} @endif</option>
                                        @endforeach
                                    </select>
                                    @error('program_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                                @endif

                                @if($fieldVisible('course_id'))
                                <div class="col-md-8">
                                    <label class="form-label">{{ $fieldLabel('course_id', 'Course / کورس') }} {!! $requiredMark('course_id') !!}</label>
                                    <select name="course_id" id="course_id" class="form-select @error('course_id') is-invalid @enderror">
                                        <option value="">Select Course</option>
                                        @foreach($courses as $course)
                                            <option value="{{ $course->id }}" data-program="{{ $course->semester?->program_id }}" {{ old('course_id') == $course->id ? 'selected' : '' }}>{{ $course->code ? $course->code.' - ' : '' }}{{ $course->title }}</option>
                                        @endforeach
                                    </select>
                                    @error('course_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                                @endif

                                @if($fieldVisible('desired_course'))
                                <div class="col-md-4">
                                    <label class="form-label">{{ $fieldLabel('desired_course', 'Other desired course') }} {!! $requiredMark('desired_course') !!}</label>
                                    <input type="text" name="desired_course" value="{{ old('desired_course') }}" class="form-control @error('desired_course') is-invalid @enderror" placeholder="Optional">
                                    @error('desired_course') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                                @endif
                            </div>

                            <div class="form-section-title"><i class="fa-solid fa-user"></i> Personal Information / شخصي معلومات</div>
                            <div class="row g-3">
                                @if($fieldVisible('name'))
                                <div class="col-md-6">
                                    <label class="form-label">{{ $fieldLabel('name', __('front.full_name_2')) }} {!! $requiredMark('name', true) !!}</label>
                                    <input type="text" name="name" value="{{ old('name') }}" class="form-control @error('name') is-invalid @enderror" @if($fieldRequired('name', true)) required @endif>
                                    @error('name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                                @endif

                                @if($fieldVisible('father_name'))
                                <div class="col-md-6">
                                    <label class="form-label">{{ $fieldLabel('father_name', __('front.father_name')) }} {!! $requiredMark('father_name', true) !!}</label>
                                    <input type="text" name="father_name" value="{{ old('father_name') }}" class="form-control @error('father_name') is-invalid @enderror" @if($fieldRequired('father_name', true)) required @endif>
                                    @error('father_name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                                @endif

                                @if($fieldVisible('grandfather_name'))
                                <div class="col-md-6">
                                    <label class="form-label">{{ $fieldLabel('grandfather_name', 'Grandfather name') }} {!! $requiredMark('grandfather_name') !!}</label>
                                    <input type="text" name="grandfather_name" value="{{ old('grandfather_name') }}" class="form-control @error('grandfather_name') is-invalid @enderror">
                                    @error('grandfather_name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                                @endif

                                @if($fieldVisible('dob'))
                                <div class="col-md-4">
                                    <label class="form-label">{{ $fieldLabel('dob', __('front.date_of_birth')) }} {!! $requiredMark('dob', true) !!}</label>
                                    <input type="date" name="dob" value="{{ old('dob') }}" class="form-control @error('dob') is-invalid @enderror" @if($fieldRequired('dob', true)) required @endif>
                                    @error('dob') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                                @endif

                                @if($fieldVisible('dob_shamsi'))
                                <div class="col-md-4">
                                    <label class="form-label">{{ $fieldLabel('dob_shamsi', 'Birth date Shamsi') }} {!! $requiredMark('dob_shamsi') !!}</label>
                                    <input type="text" name="dob_shamsi" value="{{ old('dob_shamsi') }}" class="form-control @error('dob_shamsi') is-invalid @enderror" placeholder="1405-01-01">
                                    @error('dob_shamsi') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                                @endif

                                @if($fieldVisible('gender'))
                                <div class="col-md-4">
                                    <label class="form-label">{{ $fieldLabel('gender', 'Gender / جنسیت') }} {!! $requiredMark('gender') !!}</label>
                                    <select name="gender" class="form-select @error('gender') is-invalid @enderror">
                                        <option value="">Select</option>
                                        <option value="male" {{ old('gender') == 'male' ? 'selected' : '' }}>Male</option>
                                        <option value="female" {{ old('gender') == 'female' ? 'selected' : '' }}>Female</option>
                                        <option value="other" {{ old('gender') == 'other' ? 'selected' : '' }}>Other</option>
                                    </select>
                                    @error('gender') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                                @endif

                                @if($fieldVisible('country'))
                                <div class="col-md-4">
                                    <label class="form-label">{{ $fieldLabel('country', __('front.current_country')) }} {!! $requiredMark('country', true) !!}</label>
                                    <input type="text" name="country" value="{{ old('country') }}" class="form-control @error('country') is-invalid @enderror" @if($fieldRequired('country', true)) required @endif>
                                    @error('country') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                                @endif

                                @if($fieldVisible('province'))
                                <div class="col-md-4">
                                    <label class="form-label">{{ $fieldLabel('province', 'Province') }} {!! $requiredMark('province') !!}</label>
                                    <input type="text" name="province" value="{{ old('province') }}" class="form-control @error('province') is-invalid @enderror">
                                    @error('province') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                                @endif

                                @if($fieldVisible('district'))
                                <div class="col-md-4">
                                    <label class="form-label">{{ $fieldLabel('district', 'District') }} {!! $requiredMark('district') !!}</label>
                                    <input type="text" name="district" value="{{ old('district') }}" class="form-control @error('district') is-invalid @enderror">
                                    @error('district') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                                @endif

                                @if($fieldVisible('email'))
                                <div class="col-md-6">
                                    <label class="form-label">{{ $fieldLabel('email', __('front.email')) }} {!! $requiredMark('email', true) !!}</label>
                                    <input type="email" name="email" value="{{ old('email') }}" class="form-control @error('email') is-invalid @enderror" @if($fieldRequired('email', true)) required @endif>
                                    @error('email') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                                @endif

                                @if($fieldVisible('phone'))
                                <div class="col-md-3">
                                    <label class="form-label">{{ $fieldLabel('phone', __('front.whatsapp_phone')) }} {!! $requiredMark('phone', true) !!}</label>
                                    <input type="text" name="phone" value="{{ old('phone') }}" class="form-control @error('phone') is-invalid @enderror" @if($fieldRequired('phone', true)) required @endif>
                                    @error('phone') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                                @endif

                                @if($fieldVisible('whatsapp_number'))
                                <div class="col-md-3">
                                    <label class="form-label">{{ $fieldLabel('whatsapp_number', 'WhatsApp number') }} {!! $requiredMark('whatsapp_number') !!}</label>
                                    <input type="text" name="whatsapp_number" value="{{ old('whatsapp_number') }}" class="form-control @error('whatsapp_number') is-invalid @enderror">
                                    @error('whatsapp_number') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                                @endif

                                @if($fieldVisible('emergency_phone'))
                                <div class="col-md-3">
                                    <label class="form-label">{{ $fieldLabel('emergency_phone', 'Emergency Phone') }} {!! $requiredMark('emergency_phone') !!}</label>
                                    <input type="text" name="emergency_phone" value="{{ old('emergency_phone') }}" class="form-control @error('emergency_phone') is-invalid @enderror">
                                    @error('emergency_phone') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                                @endif

                                @if($fieldVisible('address'))
                                <div class="col-md-6">
                                    <label class="form-label">{{ $fieldLabel('address', 'Address / پته') }} {!! $requiredMark('address') !!}</label>
                                    <input type="text" name="address" value="{{ old('address') }}" class="form-control @error('address') is-invalid @enderror">
                                    @error('address') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                                @endif

                                @if($fieldVisible('tazkira_no'))
                                <div class="col-md-6">
                                    <label class="form-label">{{ $fieldLabel('tazkira_no', __('front.tazkira_number')) }} {!! $requiredMark('tazkira_no', true) !!}</label>
                                    <input type="text" name="tazkira_no" value="{{ old('tazkira_no') }}" class="form-control @error('tazkira_no') is-invalid @enderror" @if($fieldRequired('tazkira_no', true)) required @endif>
                                    @error('tazkira_no') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                                @endif

                                @if($fieldVisible('tazkira_file'))
                                <div class="col-md-6">
                                    <label class="form-label">{{ $fieldLabel('tazkira_file', __('front.tazkira_copy_jpg_png_pdf')) }} {!! $requiredMark('tazkira_file') !!}</label>
                                    <input type="file" name="tazkira_file" class="form-control @error('tazkira_file') is-invalid @enderror" accept=".jpg,.jpeg,.png,.pdf">
                                    @error('tazkira_file') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                    <div class="text-muted small mt-1">{{ $fieldHelp('tazkira_file', __('front.max_4mb')) }}</div>
                                </div>
                                @endif

                                @if($fieldVisible('student_photo'))
                                <div class="col-md-6">
                                    <label class="form-label">{{ $fieldLabel('student_photo', 'Student Photo / د شاګرد عکس') }} {!! $requiredMark('student_photo') !!}</label>
                                    <input type="file" name="student_photo" class="form-control @error('student_photo') is-invalid @enderror" accept=".jpg,.jpeg,.png">
                                    @error('student_photo') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                    <div class="text-muted small mt-1">{{ $fieldHelp('student_photo', 'JPG/PNG max 3MB') }}</div>
                                </div>
                                @endif

                                @if($fieldVisible('current_job'))
                                <div class="col-md-6">
                                    <label class="form-label">{{ $fieldLabel('current_job', __('front.current_job')) }} {!! $requiredMark('current_job') !!}</label>
                                    <input type="text" name="current_job" value="{{ old('current_job') }}" class="form-control @error('current_job') is-invalid @enderror">
                                    @error('current_job') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                                @endif

                                @if($fieldVisible('last_education'))
                                <div class="col-md-6">
                                    <label class="form-label">{{ $fieldLabel('last_education', __('front.last_education')) }} {!! $requiredMark('last_education') !!}</label>
                                    <input type="text" name="last_education" value="{{ old('last_education') }}" class="form-control @error('last_education') is-invalid @enderror">
                                    @error('last_education') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                                @endif

                                @if($fieldVisible('agreement'))
                                <div class="col-12">
                                    <div class="form-check p-3">
                                        <input class="form-check-input @error('agreement') is-invalid @enderror" type="checkbox" name="agreement" value="1" id="agree" {{ old('agreement') ? 'checked' : '' }} @if($fieldRequired('agreement', true)) required @endif>
                                        <label class="form-check-label" for="agree">{{ $fieldLabel('agreement', __('front.i_confirm_my_information_is_correct_and_i_agree_to_foll')) }}</label>
                                        @error('agreement') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
                                    </div>
                                </div>
                                @endif

                                @if($fieldVisible('signature_name'))
                                <div class="col-md-6">
                                    <label class="form-label">{{ $fieldLabel('signature_name', __('front.signature_name_type_your_name')) }} {!! $requiredMark('signature_name', true) !!}</label>
                                    <input type="text" name="signature_name" value="{{ old('signature_name') }}" class="form-control @error('signature_name') is-invalid @enderror" @if($fieldRequired('signature_name', true)) required @endif>
                                    @error('signature_name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                                @endif

                                <div class="col-12 d-flex flex-wrap gap-2 align-items-center mt-3">
                                    <button class="btn btn-accent btn-lg px-4">
                                        <i class="fa-solid fa-paper-plane me-1"></i> {{ $fieldLabel('submit_button', __('front.submit')) }}
                                    </button>
                                    @if($fieldVisible('submit_note'))
                                        <span class="text-muted small">{{ $fieldLabel('submit_note', __('front.after_submit_you_will_get_a_register_number')) }}</span>
                                    @endif
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<style>
    .admission-side-card { overflow:hidden; }
    .student-illustration { width:132px;height:132px;display:flex;align-items:center;justify-content:center; }
    .student-illustration i { font-size:64px; }
    .admission-step { display:flex;gap:12px;align-items:center;padding:12px 0; }
    .admission-step small { display:block; }
    .admission-form-card { overflow:hidden; }
    .form-control,.form-select { min-height:46px; }
</style>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        const oldFaculty = @json(old('faculty_id'));
        const oldDepartment = @json(old('department_id'));
        const oldProgram = @json(old('program_id'));
        const oldCourse = @json(old('course_id'));

        const uni = document.getElementById('university_id');
        const faculty = document.getElementById('faculty_id');
        const department = document.getElementById('department_id');
        const program = document.getElementById('program_id');
        const course = document.getElementById('course_id');

        function filterOptions(select, attr, parentValue, oldValue) {
            if (!select) return;
            [...select.options].forEach((option, index) => {
                if (index === 0) return;
                const show = !parentValue || option.dataset[attr] == parentValue;
                option.hidden = !show;
                option.disabled = !show;
            });
            if (oldValue) select.value = oldValue;
            if (select.selectedOptions[0] && select.selectedOptions[0].disabled) select.value = '';
        }

        function refreshAcademic() {
            filterOptions(faculty, 'university', uni ? uni.value : '', oldFaculty);
            filterOptions(department, 'faculty', faculty ? faculty.value : '', oldDepartment);
            filterOptions(program, 'department', department ? department.value : '', oldProgram);
            filterOptions(course, 'program', program ? program.value : '', oldCourse);
        }

        if (uni) uni.addEventListener('change', () => { if (faculty) faculty.value=''; if (department) department.value=''; if (program) program.value=''; if (course) course.value=''; refreshAcademic(); });
        if (faculty) faculty.addEventListener('change', () => { if (department) department.value=''; if (program) program.value=''; if (course) course.value=''; refreshAcademic(); });
        if (department) department.addEventListener('change', () => { if (program) program.value=''; if (course) course.value=''; refreshAcademic(); });
        if (program) program.addEventListener('change', () => { if (course) course.value=''; refreshAcademic(); });
        refreshAcademic();
    });
</script>
@endsection