X`; div.querySelector('.delete-btn').onclick = () => { deleteItem('goals', item.id); renderGoals(); }; return div; }); } // --- Plan Compilation & PDF --- function compilePlan() { const container = document.getElementById('plan-summary'); container.innerHTML = ` `; // This is a simplified render for the screen; PDF will have tables renderList('medications', 'plan-meds', item => { const p = document.createElement('p'); p.textContent = `${item.name} (${item.dosage}) - ${item.frequency}`; return p; }); renderList('symptoms', 'plan-symptoms', item => { const p = document.createElement('p'); p.textContent = `${new Date(item.date).toLocaleDateString()}: ${item.description} (${item.severity}/10)`; return p; }); renderList('appointments', 'plan-appts', item => { const p = document.createElement('p'); p.textContent = `${new Date(item.date).toLocaleDateString()}: Dr. ${item.doctor}`; return p; }); renderList('goals', 'plan-goals', item => { const p = document.createElement('p'); p.textContent = item.description; return p; }); } async function generatePDF() { const { jsPDF } = window.jspdf; const downloadBtn = document.getElementById('download-pdf-btn'); const originalButtonText = downloadBtn.textContent; downloadBtn.textContent = 'Generating...'; downloadBtn.disabled = true; const pdfWrapper = document.createElement('div'); pdfWrapper.style.position = 'absolute'; pdfWrapper.style.left = '-9999px'; pdfWrapper.style.top = '0'; pdfWrapper.style.width = '800px'; pdfWrapper.style.backgroundColor = 'white'; pdfWrapper.className = 'p-8'; const tableHeader = ''; const tableFooter = ''; const medsTable = `

Medications

${tableHeader}${state.medications.map(i => ``).join('')}${tableFooter}`; const symptomsTable = `

Symptoms

Name	Dosage	Frequency
${i.name}	${i.dosage}	${i.frequency}

${tableHeader}${state.symptoms.map(i => ``).join('')}${tableFooter}`; const apptsTable = `

Appointments

Date	Symptom	Severity
${new Date(i.date).toLocaleDateString()}	${i.description}	${i.severity}/10

${tableHeader}${state.appointments.map(i => ``).join('')}${tableFooter}`; const goalsTable = `

Goals

Date	Doctor	Notes
${new Date(i.date).toLocaleDateString()} at ${i.time}	${i.doctor}	${i.notes}

${tableHeader}${state.goals.map(i => ``).join('')}${tableFooter}`; pdfWrapper.innerHTML = ` ${medsTable}${symptomsTable}${apptsTable}${goalsTable} `; document.body.appendChild(pdfWrapper); try { const canvas = await html2canvas(pdfWrapper, { scale: 2, useCORS: true, logging: false }); const imgData = canvas.toDataURL('image/png'); const pdf = new jsPDF({ orientation: 'portrait', unit: 'px', format: 'a4' }); const pdfWidth = pdf.internal.pageSize.getWidth(); const pdfHeight = pdf.internal.pageSize.getHeight(); const imgWidth = canvas.width; const imgHeight = canvas.height; const ratio = imgWidth / imgHeight; let finalImgWidth = pdfWidth; let finalImgHeight = pdfWidth / ratio; if (finalImgHeight > pdfHeight) { finalImgHeight = pdfHeight; finalImgWidth = pdfHeight * ratio; } pdf.addImage(imgData, 'PNG', 0, 0, finalImgWidth, finalImgHeight); pdf.save('Health-Management-Plan.pdf'); } catch (error) { console.error("PDF Generation Error:", error); } finally { document.body.removeChild(pdfWrapper); downloadBtn.textContent = 'Download PDF Plan'; downloadBtn.disabled = false; } } document.getElementById('download-pdf-btn').addEventListener('click', generatePDF); // --- Initial Load --- loadData(); renderMedications(); renderSymptoms(); renderAppointments(); renderGoals(); showTab(0); // Set default date for symptom logger symptomDate.valueAsDate = new Date(); });

Goal	Target Date
${i.description}	${new Date(i.targetDate).toLocaleDateString()}