function MainComponent() { const [isLoggedIn, setIsLoggedIn] = React.useState(false); const [isRegistering, setIsRegistering] = React.useState(false); const [doctor, setDoctor] = React.useState(null); const [patients, setPatients] = React.useState({}); const [currentSection, setCurrentSection] = React.useState(null); const [patientData, setPatientData] = React.useState({}); const [selectedPatient, setSelectedPatient] = React.useState(null); const [filteredPatients, setFilteredPatients] = React.useState(""); const handleLoginSubmit = (event)=>{ event.preventDefault(); const { name, password } = event.target.elements; if (doctor && doctor.name === name.value && doctor.password === password.value) { setIsLoggedIn(true); } }; const handleRegisterSubmit = (event)=>{ event.preventDefault(); const { name, password } = event.target.elements; setDoctor({ name: name.value, password: password.value }); setIsRegistering(false); }; const handlePatientAdd = (section)=>{ const newPatientId = new Date().getTime(); const newPatient = { id: newPatientId, section: section, name: '', fatherName: '', lastName: '', dob: '', age: 0, phone: '', gender: '', weight: '', temperature: '', pressure: '', pulse: '', bloodType: '', oxygen: '', familyHistory: '', personalHistory: '', radiologyImage: '', radiologyNotes: '', testsImage: '', testsNotes: '', analyses: [], diagnosis: '', treatment: '', doctorNotes: '' }; setPatients((prevPatients)=>({ ...prevPatients, [newPatientId]: newPatient })); setSelectedPatient(newPatientId); }; const handlePatientSave = ()=>{ const updatedPatients = { ...patients, [selectedPatient]: patientData }; setPatients(updatedPatients); }; const renderPatientForm = ()=>{ if (!selectedPatient) return null; const patient = patientData; const handleFieldChange = (field, value)=>{ setPatientData({ ...patient, [field]: value }); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col p-4 gap-4", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "name", placeholder: "Name", className: "border p-2", value: patient.name, onChange: (e)=>handleFieldChange('name', e.target.value), __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "fatherName", placeholder: "Father's Name", className: "border p-2", value: patient.fatherName, onChange: (e)=>handleFieldChange('fatherName', e.target.value), __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "lastName", placeholder: "Last Name", className: "border p-2", value: patient.lastName, onChange: (e)=>handleFieldChange('lastName', e.target.value), __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "dob", placeholder: "Date of Birth", type: "date", className: "border p-2", value: patient.dob, onChange: (e)=>handleFieldChange('dob', e.target.value), __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "phone", placeholder: "Phone", className: "border p-2", value: patient.phone, onChange: (e)=>handleFieldChange('phone', e.target.value), __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "gender", className: "border p-2", value: patient.gender, onChange: (e)=>handleFieldChange('gender', e.target.value), __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Select Gender"), /*#__PURE__*/ React.createElement("option", { value: "male", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "Male"), /*#__PURE__*/ React.createElement("option", { value: "female", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, "Female")), /*#__PURE__*/ React.createElement("input", { name: "weight", placeholder: "Weight", className: "border p-2", value: patient.weight, onChange: (e)=>handleFieldChange('weight', e.target.value), __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "temperature", placeholder: "Temperature", className: "border p-2", value: patient.temperature, onChange: (e)=>handleFieldChange('temperature', e.target.value), __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "pressure", placeholder: "Pressure", className: "border p-2", value: patient.pressure, onChange: (e)=>handleFieldChange('pressure', e.target.value), __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "pulse", placeholder: "Pulse", className: "border p-2", value: patient.pulse, onChange: (e)=>handleFieldChange('pulse', e.target.value), __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "bloodType", placeholder: "Blood Type", className: "border p-2", value: patient.bloodType, onChange: (e)=>handleFieldChange('bloodType', e.target.value), __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "oxygen", placeholder: "Oxygen Level", className: "border p-2", value: patient.oxygen, onChange: (e)=>handleFieldChange('oxygen', e.target.value), __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "familyHistory", placeholder: "Family Medical History", className: "border p-2", value: patient.familyHistory, onChange: (e)=>handleFieldChange('familyHistory', e.target.value), __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "personalHistory", placeholder: "Personal Medical History", className: "border p-2", value: patient.personalHistory, onChange: (e)=>handleFieldChange('personalHistory', e.target.value), __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "radiologyImage", placeholder: "Radiology Image URL", className: "border p-2", value: patient.radiologyImage, onChange: (e)=>handleFieldChange('radiologyImage', e.target.value), __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "radiologyNotes", placeholder: "Radiology Notes", className: "border p-2", value: patient.radiologyNotes, onChange: (e)=>handleFieldChange('radiologyNotes', e.target.value), __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "testsImage", placeholder: "Tests Image URL", className: "border p-2", value: patient.testsImage, onChange: (e)=>handleFieldChange('testsImage', e.target.value), __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "testsNotes", placeholder: "Tests Notes", className: "border p-2", value: patient.testsNotes, onChange: (e)=>handleFieldChange('testsNotes', e.target.value), __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "diagnosis", placeholder: "Diagnosis", className: "border p-2", value: patient.diagnosis, onChange: (e)=>handleFieldChange('diagnosis', e.target.value), __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "treatment", placeholder: "Treatment", className: "border p-2", value: patient.treatment, onChange: (e)=>handleFieldChange('treatment', e.target.value), __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "doctorNotes", placeholder: "Doctor's Notes", className: "border p-2", value: patient.doctorNotes, onChange: (e)=>handleFieldChange('doctorNotes', e.target.value), __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handlePatientSave, className: "p-2 bg-blue-500 text-white", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, "Save Information")); }; if (!isLoggedIn) { return /*#__PURE__*/ React.createElement("div", { className: "h-full flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 76, columnNumber: 7 }, __self: this }, isRegistering ? /*#__PURE__*/ React.createElement("form", { onSubmit: handleRegisterSubmit, className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "name", placeholder: "Name", className: "border p-2", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "password", placeholder: "Password", type: "password", className: "border p-2", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "p-2 bg-blue-500 text-white", __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }, "Register")) : /*#__PURE__*/ React.createElement("form", { onSubmit: handleLoginSubmit, className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "name", placeholder: "Name", className: "border p-2", __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "password", placeholder: "Password", type: "password", className: "border p-2", __source: { fileName: "", lineNumber: 86, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "p-2 bg-blue-500 text-white", __source: { fileName: "", lineNumber: 87, columnNumber: 15 }, __self: this }, "Login")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsRegistering(!isRegistering), className: "p-2 mt-4 bg-gray-500 text-white", __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, isRegistering ? "Go to Login" : "Go to Register")); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center p-8 gap-8", __source: { fileName: "", lineNumber: 98, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-8", __source: { fileName: "", lineNumber: 99, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentSection('adult'), className: "p-2 bg-green-500 text-white", __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }, "Adult Patients"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentSection('young'), className: "p-2 bg-green-500 text-white", __source: { fileName: "", lineNumber: 101, columnNumber: 9 }, __self: this }, "Young Patients")), currentSection && /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-4 w-full", __source: { fileName: "", lineNumber: 105, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handlePatientAdd(currentSection), className: "p-2 bg-blue-500 text-white", __source: { fileName: "", lineNumber: 106, columnNumber: 11 }, __self: this }, "Add Patient"), /*#__PURE__*/ React.createElement("input", { placeholder: "Search by Patient Name", className: "border p-2", onChange: (e)=>setFilteredPatients(e.target.value), __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 108, columnNumber: 11 }, __self: this }, Object.values(patients).filter((p)=>p.section === currentSection && p.name.includes(filteredPatients)).map((patient)=>/*#__PURE__*/ React.createElement("div", { key: patient.id, className: "p-2 border cursor-pointer", onClick: ()=>setSelectedPatient(patient.id), __source: { fileName: "", lineNumber: 111, columnNumber: 17 }, __self: this }, patient.name)))), renderPatientForm()); }