Congratulations! You are on track for your retirement goals based on these assumptions.

'; } resultsContentDiv.innerHTML = resultsHTML; resultsDiv.style.display = 'block'; downloadPdfButtonContainer.style.display = 'flex'; resultsDiv.scrollIntoView({ behavior: 'smooth' }); }); downloadPdfButton.addEventListener('click', function() { // Ensure jsPDF library namespace is available if (typeof window.jspdf === 'undefined' || typeof window.jspdf.jsPDF === 'undefined') { alert('PDF generation library (jsPDF) is not loaded. Please check script inclusions, network issues, or browser console for errors related to jsPDF loading.'); console.error("window.jspdf or window.jspdf.jsPDF is undefined."); return; } // Get the jsPDF constructor const jsPDFConstructor = window.jspdf.jsPDF; const doc = new jsPDFConstructor(); // Ensure autoTable plugin is loaded on the instance if (typeof doc.autoTable !== 'function') { alert('jsPDF AutoTable plugin is not loaded correctly. PDF functionality may be limited. Check script inclusions or browser console for errors related to jsPDF-AutoTable loading.'); console.error("doc.autoTable is not a function. Check jsPDF-AutoTable plugin inclusion and loading order."); return; } if (!pdfData || Object.keys(pdfData).length === 0 || !pdfData.inputs) { // Added !pdfData.inputs for more robustness alert("No data available to generate PDF. Please calculate first."); return; } const primaryColor = '#007bff'; const textColor = '#212529'; const tableHeaderColor = '#e9ecef'; doc.setFontSize(18); doc.setTextColor(primaryColor); doc.text("Retirement Savings Gap Analysis", 14, 22); doc.setFontSize(10); doc.setTextColor(textColor); doc.text(`Report Date: ${new Date().toLocaleDateString()}`, 14, 30); let currentY = 40; const generateTableForPdf = (title, dataForPdf, startY) => { if (!dataForPdf || dataForPdf.length === 0) return startY; // Skip if no data for this table doc.setFontSize(14); doc.setTextColor(primaryColor); doc.text(title, 14, startY); currentY = startY + 6; const tableBody = dataForPdf.map(row => [row.item, String(row.value).replace(/<[^>]+>/g, '')]); doc.autoTable({ startY: currentY, head: [['Item', 'Value']], body: tableBody, theme: 'grid', headStyles: { fillColor: tableHeaderColor, textColor: textColor, fontStyle: 'bold' }, styles: { font: 'Arial', fontSize: 10, cellPadding: 2 }, columnStyles: { 0: { cellWidth: 'auto'}, 1: { cellWidth: 'auto'} }, }); return doc.lastAutoTable.finalY + 10; }; currentY = generateTableForPdf("Summary of Your Inputs", pdfData.inputs, currentY); currentY = generateTableForPdf("Projections at Retirement", pdfData.projections, currentY); currentY = generateTableForPdf("Retirement Needs & Gap Analysis", pdfData.needsAndGap, currentY); if (pdfData.bridgeTheGap && pdfData.bridgeTheGap.length > 0) { currentY = generateTableForPdf("Bridging the Gap", pdfData.bridgeTheGap, currentY); } else if (pdfData.needsAndGap && pdfData.needsAndGap.some(item => item.item === "Retirement Savings Gap" && item.value.includes("Surplus"))) { doc.setFontSize(12); doc.setTextColor("#28a745"); doc.text("Congratulations! You are on track for your retirement goals.", 14, currentY); // currentY += 10; // Not strictly needed if it's the last item } doc.save("Retirement_Savings_Gap_Analysis.pdf"); }); });