{admissionProcesses.map((step, i) => { const Icon = Icons[step.icon as keyof typeof Icons]; return (

{Icon && }

{step.id}

{step.title}

{step.description}

); })}

{/* ================= APPLICATION WORKSPACE ================= */}

Online Enrollment Form

APPLY NOW

Please provide precise data to accelerate your admission journey.

{/* SECTION: STUDENT */}

Student Details

Mandatory Identification

setData('full_name', e.target.value)} disabled={processing} placeholder="As per documents" />

setData('date_of_birth', e.target.value)} disabled={processing} />

setData('gender', e.target.value)} options={Object.entries(genders).map(([key, value]) => ({ value: key, label: value }))} disabled={processing} />

setData('grade_applying_for', e.target.value)} options={Object.entries(grades).map(([key, value]) => ({ value: key, label: value }))} disabled={processing} />

setData('nationality', e.target.value)} disabled={processing} placeholder="e.g. Nepalese" />

{/* SECTION: PARENT */}

Guardian Contact

Emergency & Communication

setData('father_name', e.target.value)} disabled={processing} />

setData('mother_name', e.target.value)} disabled={processing} />

setData('parent_phone', e.target.value)} disabled={processing} />

setData('parent_email', e.target.value)} disabled={processing} />

setData('parent_address', e.target.value)} disabled={processing} />

{/* SECTION: ACADEMIC */}

Academic Background

Previous Institution Records

setData('previous_school_name', e.target.value)} disabled={processing} />

setData('previous_last_grade', e.target.value)} disabled={processing} />

{/* SECTION: ADDITIONAL */}

Final Details

Documents & Remarks

setData('medical_info', e.target.value)} disabled={processing} />

setData('require_attend', e.target.value)} disabled={processing} />

Supporting Documents Upload

setData('documents', Array.from(e.target.files || []))} disabled={processing} className="w-full text-xs font-bold text-slate-500 file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-[10px] file:font-black file:uppercase file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100 transition-all cursor-pointer disabled:opacity-50" />

Additional Remarks

setData('remarks', e.target.value)}
                                                            disabled={processing}
                                                            rows={5}
                                                            className="resize-none bg-slate-50 dark:bg-slate-800/50 border-none rounded-3xl p-6 focus:ring-4 focus:ring-blue-600/10 transition-all font-medium text-sm disabled:opacity-50 disabled:pointer-events-none"
                                                            placeholder='Is there anything else we should know about the student?'
                                                        />
                                                        <InputError message={errors.remarks} />
                                                    </div>
                                                </div>
                                                <div className="flex justify-end mt-12">
                                                    <button
                                                        type="submit"
                                                        disabled={processing}
                                                        className="w-full lg:w-80 h-12 bg-slate-900 dark:bg-blue-600 text-white font-black rounded-[2.5rem] flex items-center justify-center gap-4 hover:bg-blue-600 dark:hover:bg-blue-700 shadow-2xl shadow-slate-900/10 dark:shadow-black/50 active:scale-[0.98] transition-all duration-500 uppercase tracking-[0.2em] italic group disabled:opacity-50"
                                                    >
                                                        {processing ? (
                                                            <span className="flex items-center gap-3">
                                                                <div className="w-4 h-4 border-2 border-white/20 border-t-white rounded-full animate-spin" />
                                                                PROCESSING...
                                                            </span>
                                                        ) : (
                                                            <>
                                                                Submit Application
                                                                <Send className="w-5 h-5 group-hover:translate-x-1 group-hover:-translate-y-1 transition-transform" />
                                                            </>
                                                        )}
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

</form>
                            </div>

<aside className="lg:col-span-4 relative">
                                <div className="sticky top-40">
                                    <RequiredDocumnet />
                                </div>
                            </aside>
                        </div>
                    </div>
                </section>
            </main>
        </FrontLayout >
    );
};

export default Admissions;