`; const recommendationsEl = document.getElementById('result-recommendations'); recommendationsEl.innerHTML = `

Recommendations

${resultData.recommendations.map(r => `
• ${r}
`).join('')}

`; const pdfContentEl = document.getElementById('pdf-content').querySelector('.bg-gray-50'); pdfContentEl.classList.remove('low-risk', 'elevated-risk', 'high-risk'); pdfContentEl.classList.add('result-card', resultData.cardClass); }; // --- PDF Generation --- const generatePdf = () => { const { jsPDF } = window.jspdf; const pdfContent = document.getElementById('pdf-content'); const errorMsg = document.getElementById('pdf-error-msg'); const originalBtnText = downloadPdfBtn.innerHTML; downloadPdfBtn.disabled = true; downloadPdfBtn.innerHTML = 'Generating...'; errorMsg.classList.add('hidden'); html2canvas(pdfContent, { scale: 2, useCORS: true, backgroundColor: '#ffffff' }).then(canvas => { const imgData = canvas.toDataURL('image/png'); const pdf = new jsPDF({ orientation: 'portrait', unit: 'pt', format: 'a4' }); const pdfWidth = pdf.internal.pageSize.getWidth(); const pdfHeight = pdf.internal.pageSize.getHeight(); const padding = 40; const usableWidth = pdfWidth - (padding * 2); const canvasAspectRatio = canvas.width / canvas.height; const finalImgWidth = usableWidth; const finalImgHeight = finalImgWidth / canvasAspectRatio; const x = padding; const y = (pdfHeight - finalImgHeight) / 2; pdf.addImage(imgData, 'PNG', x, y, finalImgWidth, finalImgHeight); pdf.save('Hypertension-Risk-Summary.pdf'); downloadPdfBtn.disabled = false; downloadPdfBtn.innerHTML = originalBtnText; }).catch(err => { console.error("Error generating PDF:", err); downloadPdfBtn.disabled = false; downloadPdfBtn.innerHTML = originalBtnText; errorMsg.textContent = 'Sorry, there was an error creating the PDF.'; errorMsg.classList.remove('hidden'); }); }; // --- Event Listeners --- tabs.forEach((tab, index) => { tab.addEventListener('click', () => { if (index === (tabs.length - 1) && document.getElementById('results-content').classList.contains('hidden')) return; currentTab = index; updateUI(); }); }); nextBtn.addEventListener('click', () => { if (validateCurrentTab() && currentTab < tabs.length - 2) { currentTab++; updateUI(); } }); prevBtn.addEventListener('click', () => { if (currentTab > 0) { currentTab--; updateUI(); } }); assessBtn.addEventListener('click', () => { if (validateCurrentTab()) { displayResults(); currentTab++; updateUI(); } }); unitSelect.addEventListener('change', handleUnitSwitch); downloadPdfBtn.addEventListener('click', generatePdf); // --- Initial Setup --- updateUI(); handleUnitSwitch(); });