Admit Card - ${student.name}

/* eslint-disable @typescript-eslint/no-unused-vars */ /* eslint-disable @next/next/no-img-element */ "use client"; import { X, ZoomIn, ZoomOut, Download, Eye } from "lucide-react"; import { useState } from "react"; import { StudentQR, StudentQRHidden } from "../QR/AdminQR"; import { Student } from "../admin-students/types/admin-students.types"; const formatDOB = (dob: string): string => { if (!dob) return "—"; try { const date = new Date(dob); if (isNaN(date.getTime())) return dob; return date.toLocaleDateString("en-GB", { day: "2-digit", month: "short", year: "numeric", }); } catch { return dob; } }; const monthName = (m: string | number) => { const months = [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec", ]; const idx = parseInt(String(m)) - 1; return months[idx] ?? m; }; export const AdmitCardModal = ({ student, onClose, }: { student: Student; onClose: () => void; }) => { const [scale, setScale] = useState(1); const today = new Date().toLocaleDateString("en-GB", { day: "2-digit", month: "short", year: "numeric", }); const handleDownload = () => { const printWindow = window.open("", "_blank"); if (!printWindow) return; const qrSvgEl = document.getElementById("admit-qr-code"); const qrSvgString = qrSvgEl ? qrSvgEl.outerHTML : ""; printWindow.document.write(` Admit Card - ${student.name}

Serial No. ${student.studentId}

Institute Code

Name of the Institute

Name of the Student

Father's Name

Mother's Name

Date of Birth

Session

Subject Name

: ${student.studentId?.slice(0, 6) || "—"}

: ${student.institute || "—"}

: ${student.name || "—"}

: ${student.fatherName || "—"}

: ${student.motherName || "—"}

: ${formatDOB(student.dob)}

: ${monthName(student.month1)} - ${monthName(student.month2)} ${student.year1}

: ${student.educationQualification || "—"}

Roll.No : ${student.roll || "—"}

Reg.No : ${student.regNumber || "—"}

Sex: ${student.gender || "—"}

Type of the Examinee : Regular

${qrSvgString}

`); printWindow.document.close(); }; return (

{/* Header */}

Admit Card Preview

{student.name} · {student.studentId}

{Math.round(scale * 100)}%

{/* Preview area */}

{/* Header spacer */}

{/* Serial */}

Serial No. {student.studentId}

{/* Labels */}

{[ "Institute Code", "Name of the Institute", "Name of the Student", "Father's Name", "Mother's Name", "Date of Birth", "Session", "Subject Name", ].map((l, i) => (

{l}

))}

{/* Values - same line as labels */}

{[ `: ${student.studentId?.slice(0, 6) || "—"}`, `: ${student.institute || "—"}`, `: ${student.name || "—"}`, `: ${student.fatherName || "—"}`, `: ${student.motherName || "—"}`, `: ${formatDOB(student.dob)}`, `: ${monthName(student.month1)} - ${monthName(student.month2)} ${student.year1}`, `: ${student.educationQualification || "—"}`, ].map((v, i) => (

{v}

))}

{/* Right col */}

Roll.No : {student.roll || "—"}

Reg.No : {student.regNumber || "—"}

Sex: {student.gender || "—"}

Type of the Examinee : Regular

Printing Date: {today}

{/* Footer */}

); };