Student ID - ${student.name}

/* eslint-disable @typescript-eslint/no-unused-vars */ /* eslint-disable @next/next/no-img-element */ "use client"; import { X, ZoomIn, ZoomOut, Printer } from "lucide-react"; import { useState } from "react"; import { Button } from "@/components/ui/button"; import { StudentIdQR, StudentIdQRHidden } from "../QR/StudentIdQR"; import { Student } from "../admin-students/types/admin-students.types"; export const StudentIdModal = ({ student, onClose, }: { student: Student; onClose: () => void; }) => { const [scale, setScale] = useState(0.85); const formatDate = (dateStr: string | undefined) => { if (!dateStr) return "N/A"; try { const date = new Date(dateStr); return new Intl.DateTimeFormat("en-GB", { day: "2-digit", month: "short", year: "numeric", }) .format(date) .replace(/ /g, "-"); } catch (e) { return dateStr; } }; const handleDownload = () => { const printWindow = window.open("", "_blank"); if (!printWindow) return; const qrSvgEl = document.getElementById("id-qr-code"); const qrSvgString = qrSvgEl ? qrSvgEl.outerHTML : ""; printWindow.document.write(` Student ID - ${student.name}

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

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

Sess: ${student.month1}-${student.year1}

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

Mobile: ${student.guardianPhone || "—"}

Terms and conditions

This card is not transferable. If the card is found anywhere other than the user, it is requested to be returned.

${qrSvgString}

Joined Date : ${formatDate(student.joinedDate)}
Expire Date : ${formatDate(student.expireDate)}

Office Address

${student.officeAddress ? student.officeAddress.replace(/\n/g, "
") : "Gawsia, Bhulta, Rupganj, Narayanganj
Dhaka, Bangladesh"}

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

ID Card Preview

{Math.round(scale * 100)}%

{/* Front Part */}

{/* Header Section */}

Bangladesh Technical

Education Technology

{/* Middle Section */}

{/* Vertical Red Bar */}

STUDENT ID

{/* Photo & Name Banner Content */}

{/* Photo Frame */}

{/* Name Banner */}

{student.name}

{/* Details Section */}

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

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

Sess: {student.month1}-{student.year1}

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

Mobile: {student.guardianPhone || "—"}

{/* Back Part */}

Terms and conditions

This card is not transferable. If the card is found anywhere other than the user, it is requested to be returned.

Bangladesh Technical

Education Technology

Joined Date : {formatDate(student.joinedDate)}
Expire Date : {formatDate(student.expireDate)}

Office Address

{student.officeAddress ? ( "), }} /> ) : ( <> Gawsia, Bhulta, Rupganj, Narayanganj
Dhaka, Bangladesh )}

{student.website || "btetbd.com"}

); };