"use client"; import { useState } from "react"; import Link from "next/link"; import { useLang } from "@/context/LanguageContext"; import { LanguageSwitcher } from "@/components/LanguageSwitcher"; import { Alert, Button, Input } from "@/components/ui"; import { api } from "@/lib/client"; import { IncrelogLogo } from "@/components/IncrelogLogo"; import { IconArrowRight, IconCheck, IconSearch } from "@/components/icons"; import type { PublicAccount } from "@/components/PaymentAccountCards"; import { AdmissionFormWizard, AdmissionStepper, WizardReviewRow, type AdmissionFormValues, } from "@/components/AdmissionFormWizard"; /* Public admission application — students/guardians apply to their chosen institution without an account. Step wizard: Institution → the shared admission form (Student → Guardian & Contact → Address & Note → Review). The application lands in the institution's Admissions queue. */ interface PublicInstitution { name: string; code: string; type: string; address: string; district: string | null; subDistrict: string | null; eiin: string | null; classes: { id: number; name: string; nameBn: string }[]; sessions: { id: number; name: string; nameBn: string }[] | null; admissionFee: { enabled: boolean; amount: number } | null; paymentAccounts: PublicAccount[] | null; } interface InstitutionSummary { name: string; code: string; type: string; district: string | null; subDistrict: string | null; } const emptyForm: AdmissionFormValues & { company: string } = { studentName: "", studentNameBn: "", classItemId: "", sessionItemId: "", gender: "MALE", dob: "", bloodGroup: "", religion: "", guardianName: "", guardianNameBn: "", guardianPhone: "", motherName: "", motherNameBn: "", studentPhone: "", email: "", address: "", permanentAddress: "", note: "", company: "", // honeypot — hidden from humans }; const LAST_STEP = 4; // 0 institution · 1 student · 2 guardian · 3 address · 4 review export default function ApplyPage() { const { t } = useLang(); const a = t.applyPage; const stepLabels = [a.stepInstitution, a.stepStudent, a.stepGuardian, a.stepAddress, a.stepReview]; // step 0 — find institution const [code, setCode] = useState(""); const [query, setQuery] = useState(""); const [results, setResults] = useState(null); const [searching, setSearching] = useState(false); const [finding, setFinding] = useState(false); // the application const [institution, setInstitution] = useState(null); const [form, setForm] = useState(emptyForm); const [step, setStep] = useState(0); const [submitting, setSubmitting] = useState(false); const [error, setError] = useState(""); // optional minimal tracking account (password alongside the email already given) const [wantAccount, setWantAccount] = useState(true); const [accountPassword, setAccountPassword] = useState(""); // done screen (fee guidance lives on the /track page, not here) const [done, setDone] = useState<{ reference: string; name: string; emailSent?: boolean; code?: string; } | null>(null); async function searchByName() { if (query.trim().length < 2) return; setSearching(true); setError(""); try { const res = await api<{ institutions: InstitutionSummary[] }>( `/api/public/admissions/institutions?q=${encodeURIComponent(query.trim())}` ); setResults(res.institutions); } catch { setError(t.common.tryAgain); } finally { setSearching(false); } } async function findByCode(raw?: string) { const value = (raw ?? code).trim(); if (!value) return; setFinding(true); setError(""); try { const res = await api<{ institution: PublicInstitution | null }>( `/api/public/admissions/institutions?code=${encodeURIComponent(value)}` ); if (!res.institution) { setError(a.notFound); setInstitution(null); } else { setInstitution(res.institution); setResults(null); setStep(1); // found → move on to the student step } } catch { setError(a.notFound); } finally { setFinding(false); } } function goToStep(i: number) { setError(""); setStep(i); } async function submit() { if (!institution || submitting) return; setSubmitting(true); setError(""); try { const res = await api<{ success: boolean; reference: string; institutionName: string; emailSent?: boolean; }>("/api/public/admissions/apply", { method: "POST", body: JSON.stringify({ ...form, code: institution.code, classItemId: form.classItemId ? Number(form.classItemId) : null, sessionItemId: form.sessionItemId ? Number(form.sessionItemId) : null, dob: form.dob || null, password: wantAccount && accountPassword.trim().length >= 6 ? accountPassword.trim() : undefined, }), }); setDone({ reference: res.reference, name: res.institutionName, emailSent: res.emailSent, code: institution.code, }); } catch (err) { const msg = err instanceof Error ? err.message : ""; setError( msg === "RATE_LIMITED" ? a.rateLimited : msg === "INSTITUTION_NOT_FOUND" ? a.notFound : t.common.tryAgain ); } finally { setSubmitting(false); } } function resetAll() { setInstitution(null); setForm(emptyForm); setCode(""); setQuery(""); setResults(null); setStep(0); setDone(null); setError(""); setWantAccount(true); setAccountPassword(""); } /* ---------------- success screen ---------------- */ if (done) { return (
IncrelogEMS

{a.successTitle}

{a.successBody.replace("{name}", done.name)}

{a.referenceLabel} {done.reference}

{done.emailSent && (

{a.emailSentNote}

)} {t.trackPage.trackCta}
); } return (
IncrelogEMS

{a.title}

{a.subtitle}
{step === 0 ? ( /* ---------- Step 1: find the institution ---------- */

{a.step1Title}

{a.step1Hint}

setCode(e.target.value.toUpperCase())} onKeyDown={(e) => e.key === "Enter" && findByCode()} />
— {a.orLabel} —
setQuery(e.target.value)} onKeyDown={(e) => e.key === "Enter" && searchByName()} />
{results !== null && (
{results.length === 0 ? ( {a.searchEmpty} ) : ( results.map((inst) => ( )) )}
)}

{a.codeHint}

) : ( /* ---------- Steps 2–5: the shared admission wizard ---------- */ setForm((prev) => ({ ...prev, ...v }))} step={step - 1} onStep={(i) => goToStep(i + 1)} hideStepper submitLabel={a.submitButton} submitting={submitting} onSubmit={submit} onBackFirst={() => goToStep(0)} honeypot={{ value: form.company, setValue: (v) => setForm((prev) => ({ ...prev, company: v })) }} extraStep2={ /* minimal tracking account — password alongside the details already given */
setWantAccount(e.target.checked)} />
{wantAccount && ( <>

{a.accountHint}

setAccountPassword(e.target.value)} /> )}
} above={ institution ? ( <> {/* chosen institution banner */}

{a.chosenLabel}

{institution.name} {institution.eiin ? · EIIN {institution.eiin} : null}

{t.types[institution.type as keyof typeof t.types]} {" "} {institution.district ? `${institution.district}${institution.subDistrict ? ` — ${institution.subDistrict}` : ""}` : institution.address}

) : null } reviewTop={ institution ? (

{a.stepInstitution}

) : null } /> )}

{t.auth.haveAccount}{" "} {t.auth.loginNow}

); }