`;
const categoryEl = document.getElementById('result-category');
categoryEl.innerHTML = `
Overall Risk Category
${resultData.riskCategory}
`;
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();
});
