Family Care Hospital Islamabad

Patient ID: ${patientDetails.patientId}

Patient Name: ${patientDetails.patientName}

Treatment Details: ${patientDetails.treatmentDetails}

Doctor Name: ${patientDetails.doctorName}

Doctor Fee: ${patientDetails.doctorFee}

Amount: ${patientDetails.amount}

Total Amount (Including Tax): ${patientDetails.totalAmount.toFixed(2)}

`; const pdfResponse = await fetch("/integrations/pdf-generation/pdf", { method: "POST", body: JSON.stringify({ source: pdfHtml }) }); const pdfUrl = URL.createObjectURL(await pdfResponse.blob()); handlePrint(pdfUrl); }; return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-gray-100 p-6" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-4xl mx-auto bg-white p-8 rounded-lg shadow-lg" }, /* @__PURE__ */ React.createElement("div", { className: "flex justify-between items-center mb-6" }, /* @__PURE__ */ React.createElement("img", { src: "/hospital-logo.png", alt: "Hospital Logo", className: "w-[100px] h-[100px]" }), /* @__PURE__ */ React.createElement("h1", { className: "text-2xl font-bold font-roboto" }, "Family Care Hospital Islamabad")), /* @__PURE__ */ React.createElement("form", { onSubmit: handleSubmit }, /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement("label", { className: "block font-roboto text-gray-700" }, "Patient Name"), /* @__PURE__ */ React.createElement("input", { type: "text", name: "patientName", className: "w-full p-2 border border-gray-300 rounded mt-1" })), /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement("label", { className: "block font-roboto text-gray-700" }, "Treatment Details"), /* @__PURE__ */ React.createElement("textarea", { name: "treatmentDetails", className: "w-full p-2 border border-gray-300 rounded mt-1" })), /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement("label", { className: "block font-roboto text-gray-700" }, "Amount"), /* @__PURE__ */ React.createElement("input", { type: "text", name: "amount", className: "w-full p-2 border border-gray-300 rounded mt-1" })), /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement("label", { className: "block font-roboto text-gray-700" }, "Doctor Name"), /* @__PURE__ */ React.createElement("input", { type: "text", name: "doctorName", className: "w-full p-2 border border-gray-300 rounded mt-1" })), /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement("label", { className: "block font-roboto text-gray-700" }, "Doctor Fee"), /* @__PURE__ */ React.createElement("input", { type: "text", name: "doctorFee", className: "w-full p-2 border border-gray-300 rounded mt-1" })), /* @__PURE__ */ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600 focus:outline-none" }, "Generate Bill")), qrCode && /* @__PURE__ */ React.createElement("div", { className: "mt-6" }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-bold font-roboto" }, "QR Code for the Bill"), /* @__PURE__ */ React.createElement("img", { src: `data:image/png;base64,${qrCode}`, alt: "QR Code for Patient Bill", className: "w-[200px] h-[200px] mt-4" })))); } var page_default = MainComponent; return __toCommonJS(page_exports); })();