"use client"; import { useEffect, useMemo, useState } from "react"; import { useLang } from "@/context/LanguageContext"; import { Alert, Button, Card, DatePicker, EmptyState, Input, Modal, MonthPicker, PageHeader, PageLoader, Pagination, Select, StatCard, StatusBadge, Td, Th, usePagination, } from "@/components/ui"; import { api, useApi } from "@/lib/client"; import { PAYMENT_METHODS } from "@/lib/constants"; import { formatBDT, formatDate } from "@/lib/utils"; import { emsConfirm } from "@/components/ConfirmDialog"; import { IconBook, IconCheck, IconChevronDown, IconCard, IconDownload, IconEdit, IconPlus, IconTrash, IconX, IconTrend, IconUsers, IconWallet, } from "@/components/icons"; interface Head { id: number; name: string; nameBn: string | null; type: string; defaultAmount: string; isActive: boolean; _count: { schedules: number }; } interface Schedule { id: number; title: string; headName: string; headNameBn: string | null; headType: string; student: { id: number; roll: string; name: string } | null; amount: number; paid: number; due: number; status: string; dueDate: string; month: string | null; } interface Collection { details?: Record | null; id: number; invoiceNo: string; amount: string; method: string; paidAt: string; student: { roll: string; name: string }; feeSchedule: { title: string; feeHead: { name: string } } | null; } interface Dashboard { totals: { assigned: number; collected: number; due: number; students: number; assignments: number; dueCount: number }; heads: { name: string; nameBn: string | null; type: string; assigned: number; collected: number }[]; dueRows: { scheduleId: number; title: string; headName: string; studentId: number; roll: string; name: string; amount: number; paid: number; due: number; dueDate: string; month: string | null; }[]; monthly: { key: string; label: string; total: number }[]; } interface Student { id: number; roll: string; name: string; className: string | null; } interface Item { id: number; category: string; name: string; nameBn: string; } interface SfStudent { id: number; roll: string; name: string; nameBn: string | null; classItemId: number | null; className: string | null; classNameBn: string | null; subjectCount: number; monthlyTotal: number; } type Tab = "overview" | "heads" | "assign" | "collections" | "subjectFees"; const emptyHead = { name: "", nameBn: "", type: "TUITION", defaultAmount: "" }; const emptyAssign = { target: "CLASS" as "CLASS" | "STUDENT", feeHeadId: "", classItemId: "", studentId: "", title: "", amount: "", dueDate: "", month: "", note: "" }; interface ClaimRow { id: number; amount: number; method: string; accountLabel: string | null; details: Record | null; note: string | null; status: "PENDING" | "APPROVED" | "REJECTED"; decisionNote: string | null; decidedAt: string | null; createdAt: string; student: { id: number; roll: string; name: string }; feeTitle: string | null; month: string | null; invoiceNo: string | null; } export default function PortalFeesPage() { const { t, locale } = useLang(); const dashboard = useApi("/api/portal/fees/dashboard"); const heads = useApi<{ heads: Head[] }>("/api/portal/fees/heads"); const schedules = useApi<{ schedules: Schedule[] }>("/api/portal/fees/schedules"); const collections = useApi<{ collections: Collection[] }>("/api/portal/fees/collections"); const students = useApi<{ students: Student[] }>("/api/portal/students"); const academic = useApi<{ items: Item[] }>("/api/portal/academic"); const [tab, setTab] = useState("overview"); const [message, setMessage] = useState<{ type: "success" | "error"; text: string } | null>(null); const [busy, setBusy] = useState(false); // head modal const [headModal, setHeadModal] = useState(false); const [editingHead, setEditingHead] = useState(null); const [headForm, setHeadForm] = useState(emptyHead); // assign modal const [assignModal, setAssignModal] = useState(false); const [assignForm, setAssignForm] = useState(emptyAssign); // collect modal const [collectModal, setCollectModal] = useState(false); const [collectForm, setCollectForm] = useState({ studentId: "", feeScheduleId: "", amount: "", method: "CASH", note: "", details: {} as Record, }); // online payment claims (submitted by students/parents from /me/fees) const [claimStatus, setClaimStatus] = useState("PENDING"); const claims = useApi<{ pendingCount: number; claims: ClaimRow[] }>( `/api/portal/fees/claims?status=${claimStatus}` ); async function decideClaim(claimId: number, action: "approve" | "reject") { if (!(await emsConfirm({ message: action === "approve" ? t.portal.feesPage.claimApproveConfirm : t.portal.feesPage.claimRejectConfirm, danger: action === "reject" }))) return; setBusy(true); try { await api(`/api/portal/fees/claims/${claimId}`, { method: "PATCH", body: JSON.stringify({ action }), }); setMessage({ type: "success", text: action === "approve" ? t.portal.feesPage.claimApprovedMsg : t.portal.feesPage.claimRejectedMsg, }); claims.reload(); collections.reload(); } catch (e) { const msg = e instanceof Error ? e.message : ""; setMessage({ type: "error", text: msg === "CLAIM_STALE" ? t.portal.feesPage.claimStale : t.common.tryAgain }); } finally { setBusy(false); } } // mobile-banking / bank / card transactions carry reference details; // cash needs none const MOBILE_METHODS = ["BKASH", "NAGAD", "ROCKET"]; function collectRequiredFields(): string[] { const m = collectForm.method; if (MOBILE_METHODS.includes(m)) return ["txnId"]; if (m === "BANK_TRANSFER") return ["bankName", "refNo"]; if (m === "CARD") return ["refNo"]; return []; } const collectMissing = collectRequiredFields().filter((k) => !(collectForm.details[k] ?? "").trim()); function setDetail(key: string, value: string) { setCollectForm((f) => ({ ...f, details: { ...f.details, [key]: value } })); } // subject-based monthly fees (feature switch from the Control Panel) const cp = useApi<{ subjectFeeEnabled?: boolean }>("/api/portal/control-panel"); const [sfClassId, setSfClassId] = useState(""); const sfList = useApi<{ students: SfStudent[]; rates: { subjectItemId: number; monthlyFee: number }[] }>( cp.data?.subjectFeeEnabled ? `/api/portal/subject-fees${sfClassId ? `?classItemId=${sfClassId}` : ""}` : null ); const now = new Date(); const [sfMonth, setSfMonth] = useState(`${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, "0")}`); // institution-wide default monthly fee per subject (Math 1000, Bangla 800 …) const [sfRates, setSfRates] = useState>({}); const [sfRatesOpen, setSfRatesOpen] = useState(false); const [sfRatesSaving, setSfRatesSaving] = useState(false); const [sfModal, setSfModal] = useState(false); const [sfBasis, setSfBasis] = useState<"GROUP" | "DEPARTMENT" | null>(null); const [sfStudent, setSfStudent] = useState(null); const [sfItems, setSfItems] = useState<{ subjectItemId: number; name: string; nameBn: string; on: boolean; fee: string }[]>([]); const [sfSaving, setSfSaving] = useState(false); const [sfGenerating, setSfGenerating] = useState(false); const subjects = (academic.data?.items ?? []).filter((i) => i.category === "SUBJECT"); useEffect(() => { if (!sfList.data?.rates) return; setSfRates(Object.fromEntries(sfList.data.rates.map((r) => [r.subjectItemId, String(r.monthlyFee)]))); }, [sfList.data]); async function openSfAssign(s: SfStudent) { setSfStudent(s); setSfModal(true); setSfItems(subjects.map((sub) => ({ subjectItemId: sub.id, name: sub.name, nameBn: sub.nameBn, on: false, fee: "" }))); try { const res = await api<{ items: { subjectItemId: number; monthlyFee: number }[]; rates: { subjectItemId: number; monthlyFee: number }[]; suggested?: number[]; suggestedBasis?: "GROUP" | "DEPARTMENT" | null; }>(`/api/portal/subject-fees?studentId=${s.id}`); const byId = new Map(res.items.map((i) => [i.subjectItemId, String(i.monthlyFee)])); const rateById = new Map(res.rates.map((r) => [r.subjectItemId, String(r.monthlyFee)])); const suggested = new Set(res.suggested ?? []); setSfBasis(res.suggestedBasis ?? null); setSfItems((prev) => prev.map((row) => ({ ...row, // already-assigned amount wins; otherwise the subject's default rate; // unassigned rows start ticked when in the student's group/department set on: byId.has(row.subjectItemId) || (!byId.size && suggested.has(row.subjectItemId)), fee: byId.get(row.subjectItemId) ?? rateById.get(row.subjectItemId) ?? "", }))); } catch { /* start blank on failure */ } } // ticking a subject auto-fills its default rate (Math → 1000) when empty function toggleSfItem(idx: number, on: boolean) { setSfItems((prev) => prev.map((r, i) => { if (i !== idx) return r; const rate = sfRates[r.subjectItemId]; return { ...r, on, fee: on && !r.fee && rate ? String(rate) : r.fee }; })); } async function saveSfRates(e: React.FormEvent) { e.preventDefault(); setSfRatesSaving(true); setMessage(null); try { await api("/api/portal/subject-fees", { method: "PUT", body: JSON.stringify({ rates: subjects.map((sub) => ({ subjectItemId: sub.id, monthlyFee: Number(sfRates[sub.id] ?? 0) || 0, })), }), }); setMessage({ type: "success", text: t.portal.feesPage.sfRatesSaved }); sfList.reload(); } catch { setMessage({ type: "error", text: t.common.tryAgain }); } finally { setSfRatesSaving(false); } } async function saveSfAssign(e: React.FormEvent) { e.preventDefault(); if (!sfStudent) return; setSfSaving(true); setMessage(null); try { await api("/api/portal/subject-fees", { method: "PUT", body: JSON.stringify({ studentId: sfStudent.id, items: sfItems.filter((i) => i.on).map((i) => ({ subjectItemId: i.subjectItemId, monthlyFee: Number(i.fee) || 0 })), }), }); setMessage({ type: "success", text: t.portal.feesPage.sfSaved }); setSfModal(false); sfList.reload(); reloadAll(); } catch { setMessage({ type: "error", text: t.common.tryAgain }); } finally { setSfSaving(false); } } async function generateSfMonth() { setSfGenerating(true); setMessage(null); try { const res = await api<{ created: number; skipped: number }>("/api/portal/subject-fees/generate", { method: "POST", body: JSON.stringify({ month: sfMonth, classItemId: sfClassId ? Number(sfClassId) : undefined }), }); setMessage({ type: "success", text: t.portal.feesPage.sfGenerated.replace("{created}", String(res.created)).replace("{skipped}", String(res.skipped)) }); reloadAll(); } catch (err) { setMessage({ type: "error", text: err instanceof Error && err.message === "MONTH_REQUIRED" ? t.portal.feesPage.sfMonthRequired : t.common.tryAgain, }); } finally { setSfGenerating(false); } } const classItems = (academic.data?.items ?? []).filter((i) => i.category === "CLASS"); function reloadAll() { dashboard.reload(); heads.reload(); schedules.reload(); collections.reload(); students.reload(); } /* ---------- Fee heads ---------- */ function openHeadCreate() { setEditingHead(null); setHeadForm(emptyHead); setHeadModal(true); } function openHeadEdit(h: Head) { setEditingHead(h); setHeadForm({ name: h.name, nameBn: h.nameBn ?? "", type: h.type, defaultAmount: String(h.defaultAmount) }); setHeadModal(true); } async function submitHead(e: React.FormEvent) { e.preventDefault(); setBusy(true); setMessage(null); try { if (editingHead) { await api(`/api/portal/fees/heads/${editingHead.id}`, { method: "PUT", body: JSON.stringify({ ...headForm, defaultAmount: Number(headForm.defaultAmount) || 0 }), }); setMessage({ type: "success", text: t.portal.feesPage.headUpdated }); } else { await api("/api/portal/fees/heads", { method: "POST", body: JSON.stringify({ ...headForm, defaultAmount: Number(headForm.defaultAmount) || 0 }), }); setMessage({ type: "success", text: t.portal.feesPage.headCreated }); } setHeadModal(false); reloadAll(); } catch { setMessage({ type: "error", text: t.common.tryAgain }); } finally { setBusy(false); } } async function removeHead(h: Head) { if (!(await emsConfirm({ message: t.common.confirmDelete, danger: true }))) return; try { await api(`/api/portal/fees/heads/${h.id}`, { method: "DELETE" }); reloadAll(); } catch (err) { setMessage({ type: "error", text: err instanceof Error && err.message === "IN_USE" ? t.portal.feesPage.headInUse : t.common.tryAgain, }); } } /* ---------- Assign ---------- */ async function submitAssign(e: React.FormEvent) { e.preventDefault(); setBusy(true); setMessage(null); try { const res = await api<{ created: number }>("/api/portal/fees/schedules", { method: "POST", body: JSON.stringify({ feeHeadId: Number(assignForm.feeHeadId), studentId: assignForm.target === "STUDENT" && assignForm.studentId ? Number(assignForm.studentId) : null, classItemId: assignForm.target === "CLASS" && assignForm.classItemId ? Number(assignForm.classItemId) : null, title: assignForm.title, amount: Number(assignForm.amount), dueDate: assignForm.dueDate || undefined, month: assignForm.month || null, }), }); setMessage({ type: "success", text: res.created === 1 ? t.portal.feesPage.scheduleCreated : `${res.created} ${t.portal.feesPage.schedulesCreated}`, }); setAssignModal(false); setAssignForm(emptyAssign); reloadAll(); } catch (err) { setMessage({ type: "error", text: err instanceof Error && err.message === "NO_STUDENTS_IN_CLASS" ? t.portal.feesPage.classStudentsNone : err instanceof Error && err.message === "TARGET_REQUIRED" ? t.portal.feesPage.targetRequired : t.common.tryAgain, }); } finally { setBusy(false); } } /* ---------- Collect ---------- */ function openCollect(studentId?: number, scheduleId?: number, dueAmount?: number) { setCollectForm({ studentId: studentId ? String(studentId) : "", feeScheduleId: scheduleId ? String(scheduleId) : "", amount: dueAmount ? String(dueAmount) : "", method: "CASH", note: "", details: {}, }); setCollectModal(true); } async function submitCollect(e: React.FormEvent) { e.preventDefault(); if (collectMissing.length > 0) { setMessage({ type: "error", text: t.portal.feesPage.cfDetailsRequired }); return; } setBusy(true); setMessage(null); try { const res = await api<{ collection: Collection }>("/api/portal/fees/collections", { method: "POST", body: JSON.stringify({ studentId: Number(collectForm.studentId), feeScheduleId: collectForm.feeScheduleId ? Number(collectForm.feeScheduleId) : null, amount: Number(collectForm.amount), method: collectForm.method, note: collectForm.note, details: collectForm.details, }), }); setMessage({ type: "success", text: `${t.portal.feesPage.collectionRecorded} ${res.collection.invoiceNo}` }); setCollectModal(false); reloadAll(); } catch (err) { setMessage({ type: "error", text: err instanceof Error && (err.message === "AMOUNT_EXCEEDS" || err.message === "INVALID_AMOUNT") ? t.central.paymentsPage.amountExceeds : t.common.tryAgain, }); } finally { setBusy(false); } } const db = dashboard.data; const maxMonthly = Math.max(1, ...(db?.monthly.map((m) => m.total) ?? [1])); const scheduleRows = schedules.data?.schedules ?? []; const collectionRows = collections.data?.collections ?? []; const dueRowList = db?.dueRows ?? []; /* Due report search + filters (client-side over the dashboard rows) */ const [dueSearch, setDueSearch] = useState(""); const [dueHead, setDueHead] = useState(""); const [dueStatus, setDueStatus] = useState(""); const todayISO = new Date().toISOString().slice(0, 10); const dueHeadNames = useMemo( () => [...new Set(dueRowList.map((r) => r.headName))].sort((a, b) => a.localeCompare(b)), [dueRowList] ); const filteredDueRows = useMemo(() => { const q = dueSearch.trim().toLowerCase(); return dueRowList.filter((r) => { if (dueHead && r.headName !== dueHead) return false; if (dueStatus) { const overdue = r.dueDate.slice(0, 10) < todayISO; if (dueStatus === "OVERDUE" && !overdue) return false; if (dueStatus === "UPCOMING" && overdue) return false; } if (!q) return true; return ( r.roll.toLowerCase().includes(q) || r.name.toLowerCase().includes(q) || r.title.toLowerCase().includes(q) || r.headName.toLowerCase().includes(q) ); }); }, [dueRowList, dueSearch, dueHead, dueStatus, todayISO]); const dueRowsPager = usePagination(filteredDueRows, 10); // any filter change lands the user back on the first results page useEffect(() => { dueRowsPager.setPage(1); // eslint-disable-next-line react-hooks/exhaustive-deps }, [dueSearch, dueHead, dueStatus]); const dueFiltersActive = dueSearch !== "" || dueHead !== "" || dueStatus !== ""; const schedulesPager = usePagination(scheduleRows, 10); const collectionsPager = usePagination(collectionRows, 10); const tabs: { id: Tab; label: string }[] = [ { id: "overview", label: t.portal.feesPage.tabOverview }, { id: "heads", label: t.portal.feesPage.tabHeads }, { id: "assign", label: t.portal.feesPage.tabAssign }, { id: "collections", label: t.portal.feesPage.tabCollections }, // subject-based monthly fees (Control Panel feature switch) ...(cp.data?.subjectFeeEnabled ? [{ id: "subjectFees" as Tab, label: t.portal.feesPage.tabSubjectFees }] : []), ]; return (
} /> {message && (
setMessage(null)}>{message.text}
)} {/* Tabs */}
    {tabs.map((x) => (
    • ))}
{/* ---------------- Overview ---------------- */} {tab === "overview" && ( dashboard.loading ? : !db ? null : (
} accent="teal" hint={`${db.totals.assignments} ${t.portal.feesPage.assignments}`} />
} accent="blue" />
} accent="red" hint={`${db.totals.dueCount} ${t.common.due}`} />
} accent="purple" />
}>
{db.monthly.map((m) => (

{m.total > 0 ? formatBDT(m.total, locale) : ""}

{m.label}

))}
}> {db.heads.length === 0 ? ( ) : ( db.heads.map((h) => { const pct = h.assigned > 0 ? (h.collected / h.assigned) * 100 : 0; return (
{locale === "bn" && h.nameBn ? h.nameBn : h.name} {Math.round(pct)}%
{formatBDT(h.assigned, locale)} {formatBDT(h.collected, locale)}
); }) )}
{/* Due report */} }> {db.dueRows.length === 0 ? ( } title={t.portal.feesPage.noDueFees} /> ) : ( <> {/* search + filters (client-side over the loaded rows) — kept visible even on zero matches so filters can be cleared */}
setDueSearch(e.target.value)} />
{dueRowsPager.total} / {dueRowList.length} {dueFiltersActive ? ` · ${t.common.filter}` : ""}
{filteredDueRows.length === 0 ? ( } title={t.common.noResults} /> ) : ( <>
{dueRowsPager.paged.map((r) => ( ))}
{t.portal.studentsPage.rollNo} {t.common.name} {t.portal.feesPage.feeTitle} {t.common.amount} {t.portal.feesPage.collectedTotal} {t.common.due} {t.portal.feesPage.dueDate} {t.common.actions}
{r.roll} {r.name}

{r.title}

{r.headName}{r.month ? ` · ${r.month}` : ""}

 {formatBDT(r.amount, locale)} {formatBDT(r.paid, locale)} {formatBDT(r.due, locale)} {formatDate(r.dueDate, locale)}
)} )}
) )} {/* ---------------- Fee heads ---------------- */} {tab === "heads" && (
{heads.loading ? ( ) : (
{(heads.data?.heads ?? []).map((h) => (
{locale === "bn" && h.nameBn ? h.nameBn : h.name}

{t.feeTypes[h.type as keyof typeof t.feeTypes]} · {formatBDT(h.defaultAmount, locale)}

{h._count.schedules} {t.portal.feesPage.schedulesCount}

))}
)}
)} {/* ---------------- Assignments list ---------------- */} {tab === "assign" && ( schedules.loading ? : (
{schedulesPager.paged.map((fs) => ( ))}
{t.portal.feesPage.feeTitle} {t.portal.feesPage.studentLabel} {t.common.amount} {t.portal.feesPage.collectedTotal} {t.common.due} {t.common.status} {t.common.actions}

{fs.title}

{locale === "bn" ? fs.headNameBn : fs.headName} {fs.month ? ` · ${fs.month}` : ""} · {formatDate(fs.dueDate, locale)}

{fs.student ? (

{fs.student.roll} {fs.student.name}

) : "—"} 		{formatBDT(fs.amount, locale)} {formatBDT(fs.paid, locale)} 0 ? "text-danger f-w-700" : "text-muted"}>{formatBDT(fs.due, locale)} {fs.due > 0 && fs.student && ( )}
) )} {/* ---------------- Collections ---------------- */} {tab === "subjectFees" && ( }>
setSfMonth(e.target.value)} />

{t.portal.feesPage.sfGenerateHint}

{/* default monthly fee per subject (management) */}
setSfRatesOpen((o) => !o)} role="button" tabIndex={0} onKeyDown={(e) => e.key === "Enter" && setSfRatesOpen((o) => !o)}>
{t.portal.feesPage.sfRatesTitle}
{t.portal.feesPage.sfRatesSubtitle} {Object.values(sfRates).filter((v) => Number(v) > 0).length > 0 && ( {Object.values(sfRates).filter((v) => Number(v) > 0).length} {t.portal.feesPage.sfRatesSet} )}
{subjects.map((sub) => (
{locale === "bn" ? sub.nameBn : sub.name} setSfRates((prev) => ({ ...prev, [sub.id]: e.target.value }))} />
))}
{t.portal.feesPage.sfRatesHint}
{sfList.loading ? ( ) : (sfList.data?.students ?? []).length === 0 ? ( } title={t.common.noData} /> ) : (
{sfList.data!.students.map((s) => ( ))}
{t.portal.studentsPage.rollNo} {t.portal.feesPage.studentLabel} {t.portal.studentsPage.classLabel} {t.portal.feesPage.sfSubjects} {t.portal.feesPage.sfMonthly} {t.common.actions}
{s.roll} {locale === "bn" && s.nameBn ? s.nameBn : s.name} {s.classItemId ? (locale === "bn" ? (s.classNameBn ?? s.className) : s.className) : "—"} {s.subjectCount} {s.subjectCount ? formatBDT(s.monthlyTotal, locale) : "—"}
)} )} {tab === "collections" && ( collections.loading ? : ( <> {(claims.data?.claims ?? []).length > 0 && ( } className="mb-4" action={
{["PENDING", "APPROVED", "REJECTED", "ALL"].map((st) => ( ))}
} >
{claimStatus === "PENDING" && } {(claims.data?.claims ?? []).map((c) => { const ref = c.details?.txnId ?? c.details?.refNo ?? "—"; return ( {claimStatus === "PENDING" && ( )} ); })}
{t.common.date} {t.portal.feesPage.studentLabel} {t.portal.feesPage.feeTitle} {t.common.method} {t.portal.feesPage.claimRefCol} {t.common.amount} {t.common.status}{t.common.actions}
{new Date(c.createdAt).toLocaleDateString()} {c.student.roll} {c.student.name} {c.feeTitle ?? t.portal.feesPage.claimGeneralItem} {c.accountLabel && {c.accountLabel}} {c.note && “{c.note}”} {t.methods[c.method as keyof typeof t.methods] ?? c.method} {ref} {c.amount.toLocaleString()} {c.status === "APPROVED" ? t.portal.feesPage.claimApproved : c.status === "REJECTED" ? t.portal.feesPage.claimRejected : t.portal.feesPage.claimPending} {c.invoiceNo && ( {c.invoiceNo} )} {c.decisionNote && c.status === "REJECTED" && ( {c.decisionNote} )}

{t.portal.feesPage.claimsHint}

 )} }> {(collections.data?.collections ?? []).length === 0 ? ( } title={t.common.noData} /> ) : ( <>
{collectionsPager.paged.map((c) => ( ))}
{t.central.paymentsPage.invoiceNo} {t.portal.feesPage.studentLabel} {t.portal.feesPage.feeTitle} {t.common.amount} {t.common.method} {t.common.date}
{c.invoiceNo} {c.student.roll} {c.student.name} {c.feeSchedule?.title ?? t.portal.feesPage.unspecific} {formatBDT(c.amount, locale)} {t.methods[c.method as keyof typeof t.methods]} {c.details && (
{[ c.details.txnId && `TrxID: ${c.details.txnId}`, c.details.bankName, c.details.branch, c.details.refNo && `Ref: ${c.details.refNo}`, c.details.cardType, c.details.last4 && `•••• ${c.details.last4}`, c.details.account && `${c.details.account}`, ] .filter(Boolean) .join(" · ")}
)} 		{formatDate(c.paidAt, locale)}
)} ) )} {/* ---------- Fee head modal ---------- */} setHeadModal(false)} title={editingHead ? t.common.edit : t.portal.feesPage.newHead}>
setHeadForm({ ...headForm, name: e.target.value })} placeholder="e.g. Monthly Tuition" /> setHeadForm({ ...headForm, nameBn: e.target.value })} placeholder="যেমন: মাসিক বেতন" /> setHeadForm({ ...headForm, defaultAmount: e.target.value })} />
{/* ---------- Assign modal ---------- */} setAssignModal(false)} title={t.portal.feesPage.assignFee} wide>
{assignForm.target === "CLASS" ? (
) : (
)}
setAssignForm({ ...assignForm, title: e.target.value })} placeholder={t.portal.feesPage.feeTitlePlaceholder} />
setAssignForm({ ...assignForm, amount: e.target.value })} />
setAssignForm({ ...assignForm, dueDate: e.target.value })} />
setAssignForm({ ...assignForm, month: e.target.value })} />
{/* ---------- Collect modal ---------- */} setCollectModal(false)} title={t.portal.feesPage.recordCollection}>
setCollectForm({ ...collectForm, amount: e.target.value })} /> {/* method-specific transaction details */} {collectForm.method === "CASH" ? (

{t.portal.feesPage.cfCashHint}

) : (

{t.portal.feesPage.cfDetailsTitle}

{MOBILE_METHODS.includes(collectForm.method) && (
setDetail("txnId", e.target.value)} />
setDetail("account", e.target.value)} />
)} {collectForm.method === "BANK_TRANSFER" && (
setDetail("bankName", e.target.value)} />
setDetail("branch", e.target.value)} />
setDetail("refNo", e.target.value)} />
setDetail("account", e.target.value)} />
)} {collectForm.method === "CARD" && (
setDetail("last4", e.target.value.replace(/\D/g, ""))} />
setDetail("refNo", e.target.value)} />
)}
)}
{/* Subject-fee assignment modal — per student */} setSfModal(false)} title={`${t.portal.feesPage.sfAssign} — ${sfStudent ? (locale === "bn" && sfStudent.nameBn ? sfStudent.nameBn : sfStudent.name) : ""}`} > {sfStudent && (

{sfStudent.roll} {t.portal.feesPage.sfAssignHint}

{sfBasis && (
{sfBasis === "GROUP" ? t.portal.feesPage.sfGroupPre : t.portal.feesPage.sfDeptPre}
)}
{sfItems.length === 0 ? ( } title={t.portal.feesPage.sfNoSubjects} /> ) : ( sfItems.map((row, idx) => (
toggleSfItem(idx, e.target.checked)} /> {locale === "bn" && row.nameBn ? row.nameBn : row.name} setSfItems((prev) => prev.map((r, i) => (i === idx ? { ...r, fee: e.target.value } : r))) } />
)) )}
{t.portal.feesPage.sfMonthly}:{" "} {formatBDT( sfItems.filter((i) => i.on).reduce((sum, i) => sum + (Number(i.fee) || 0), 0), locale )}
)}
); }