Your answers suggest a low risk of developing erectile dysfunction based on the factors assessed. Maintaining a healthy lifestyle is key to keeping your risk low.

'; colorClass = 'low-risk'; pdfLevelColor = '#22c55e'; // green } else if (score <= 9) { level = 'Moderate Risk'; interpretation = '

Your answers suggest a moderate risk. Some of your lifestyle or health factors may be contributing. Small, positive changes to your health habits can make a significant difference.

Consider discussing these risk factors with a healthcare provider.

'; colorClass = 'moderate-risk'; pdfLevelColor = '#facc15'; // yellow } else if (score <= 15) { level = 'High Risk'; interpretation = '

Your answers suggest a high risk of developing or having erectile dysfunction. Multiple health and lifestyle factors are likely contributing. It is highly recommended to consult a healthcare professional to discuss your health and potential management strategies.

'; colorClass = 'high-risk'; pdfLevelColor = '#f97316'; // orange } else { level = 'Very High Risk'; interpretation = '

Your answers indicate a very high risk profile for erectile dysfunction. It is strongly advised to schedule an appointment with a healthcare provider for a comprehensive evaluation and to discuss treatment options.

'; colorClass = 'very-high-risk'; pdfLevelColor = '#ef4444'; // red } // --- UI UPDATE --- const resultDisplay = document.getElementById('result-display'); const preResultMessage = document.getElementById('pre-result-message'); const riskScoreEl = document.getElementById('risk-score'); const riskLevelEl = document.getElementById('risk-level'); const riskInterpretationEl = document.getElementById('risk-interpretation'); const resultCard = document.getElementById('result-card'); if (resultDisplay && preResultMessage && riskScoreEl && riskLevelEl && riskInterpretationEl && resultCard) { preResultMessage.style.display = 'none'; riskScoreEl.textContent = score; riskLevelEl.textContent = level; riskInterpretationEl.innerHTML = interpretation; resultCard.className = 'result-card p-6 rounded-lg mb-6'; // Reset classes resultCard.classList.add(colorClass); resultDisplay.classList.remove('hidden'); } // --- PDF CONTENT PREPARATION --- const pdfRiskScoreEl = document.getElementById('pdf-risk-score'); const pdfRiskLevelEl = document.getElementById('pdf-risk-level'); const pdfRiskInterpretationEl = document.getElementById('pdf-risk-interpretation'); if (pdfRiskScoreEl && pdfRiskLevelEl && pdfRiskInterpretationEl) { pdfRiskScoreEl.textContent = score; pdfRiskLevelEl.textContent = level; pdfRiskLevelEl.style.color = pdfLevelColor; pdfRiskInterpretationEl.innerHTML = interpretation; populatePdfSummary(); } }; /** * Populates the summary table in the hidden PDF content area. */ const populatePdfSummary = () => { const tableBody = document.getElementById('pdf-summary-table'); if (!tableBody) return; const getSelectedText = (id) => { const select = document.getElementById(id); return select ? select.options[select.selectedIndex].text : 'N/A'; }; const getRadioSelection = (name) => { const radio = document.querySelector(`input[name="${name}"]:checked`); return radio ? (radio.value !== '0' ? 'Yes' : 'No') : 'N/A'; }; const summaryData = [ { label: 'Age Range', value: getSelectedText('age') }, { label: 'Diabetes', value: getRadioSelection('diabetes') }, { label: 'Heart Disease', value: getRadioSelection('heart_disease') }, { label: 'High Blood Pressure', value: getRadioSelection('hypertension') }, { label: 'High Cholesterol', value: getRadioSelection('cholesterol') }, { label: 'Obesity', value: getRadioSelection('obesity') }, { label: 'Depression/High Stress', value: getRadioSelection('stress') }, { label: 'Smoking Status', value: getSelectedText('smoking') }, { label: 'Alcohol Consumption', value: getSelectedText('alcohol') }, { label: 'Physical Activity', value: getSelectedText('exercise') }, ]; let html = ''; summaryData.forEach((item, index) => { const bgColor = index % 2 === 0 ? '#f9fafb' : '#ffffff'; html += ` ${item.label} ${item.value} `; }); tableBody.innerHTML = html; }; /** * Generates and downloads the PDF report. */ const downloadPdf = async () => { const pdfContent = document.getElementById('pdf-content'); if (!pdfContent) { console.error("PDF content container not found."); return; } // Temporarily make the content visible for rendering pdfContent.classList.remove('hidden'); pdfContent.style.position = 'absolute'; pdfContent.style.left = '-9999px'; try { const canvas = await html2canvas(pdfContent, { scale: 2, // Improve resolution useCORS: true, }); const imgData = canvas.toDataURL('image/png'); const { jsPDF } = window.jspdf; // A4 dimensions in mm: 210 x 297 const pdf = new jsPDF({ orientation: 'portrait', unit: 'mm', format: 'a4' }); const imgProps = pdf.getImageProperties(imgData); const pdfWidth = pdf.internal.pageSize.getWidth(); const pdfHeight = (imgProps.height * pdfWidth) / imgProps.width; pdf.addImage(imgData, 'PNG', 0, 0, pdfWidth, pdfHeight); pdf.save('ED-Risk-Report.pdf'); } catch (error) { console.error("Failed to generate PDF:", error); } finally { // Hide the content again pdfContent.classList.add('hidden'); pdfContent.style.position = ''; pdfContent.style.left = ''; } }; // --- EVENT LISTENERS --- if (pdfDownloadButton) { pdfDownloadButton.addEventListener('click', downloadPdf); } // --- INITIALIZATION --- updateNavButtons(); // Set initial state of nav buttons });