`; html += `

Year-by-Year Projection:

`; if(data.projectionTable.length > 0) { html += ``; } else { html += `

No projection data to display.

`; } html += `

This projection uses a fixed average rate of return and assumes contributions are made at the beginning of each year and compounded annually. Actual investment performance will vary.

`; projectionResultsDiv.innerHTML = html; } if (calculateProjectionBtn) { calculateProjectionBtn.addEventListener('click', runProjection); } // --- PDF Download --- function loadJsPdfIfNeeded(callback) { if (jsPdfLoaded) { if (callback) callback(); return; } const script = document.createElement('script'); script.src = 'https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js'; script.onload = () => { jsPdfLoaded = true; console.log("jsPDF loaded dynamically."); if (callback) callback(); }; script.onerror = () => { console.error("Failed to load jsPDF."); alert("Error: Could not load PDF library."); }; document.head.appendChild(script); } function downloadReportAsPdf() { if (!jsPdfLoaded) { alert("PDF library not loaded."); return; } if (!projectionDataForPdf) { alert("No projection data to download. Please run the projection first."); return; } const { jsPDF } = window.jspdf; const doc = new jsPDF({ unit: 'pt', format: 'a4' }); const data = projectionDataForPdf; const pageMargin = 35; const pageWidth = doc.internal.pageSize.getWidth() - 2 * pageMargin; let y = pageMargin; function addMainTitle(text) { doc.setFontSize(16); doc.setFont(undefined, 'bold'); doc.setTextColor(38, 157, 143); // Primary doc.text(text, doc.internal.pageSize.getWidth() / 2, y, { align: 'center' }); y += 30; } function addSectionTitle(text) { if (y > doc.internal.pageSize.getHeight() - 70) { doc.addPage(); y = pageMargin; } doc.setFontSize(12); doc.setFont(undefined, 'bold'); doc.setTextColor(38, 70, 83); // Secondary doc.text(text, pageMargin, y); y += 20; } function addLine(key, value, valueIsHighlight = false, highlightColor = [244,162,97]) { if (y > doc.internal.pageSize.getHeight() - 35) { doc.addPage(); y = pageMargin; } doc.setFontSize(9); doc.setFont(undefined, 'bold'); doc.setTextColor(52,58,64); doc.text(key, pageMargin, y); doc.setFont(undefined, valueIsHighlight ? 'bold' : 'normal'); doc.setTextColor(valueIsHighlight ? highlightColor[0] : 52, valueIsHighlight ? highlightColor[1] : 58, valueIsHighlight ? highlightColor[2] : 64); const valueText = String(value); doc.text(valueText, pageMargin + 200, y, { align: 'left', maxWidth: pageWidth - 200 - 5 }); y += 16; } function addInfo(text) { if (y > doc.internal.pageSize.getHeight() - 45) { doc.addPage(); y = pageMargin; } doc.setFontSize(8); doc.setFont(undefined, 'italic'); doc.setTextColor(108, 117, 125); const splitText = doc.splitTextToSize(text, pageWidth); doc.setFillColor(248,249,250); doc.rect(pageMargin -5, y - (doc.getTextDimensions(splitText).h / 2) - 2 , pageWidth + 10, doc.getTextDimensions(splitText).h + 8, 'F'); doc.text(splitText, pageMargin, y); y += (doc.getTextDimensions(splitText).h) + 12; } function addTable(headers, tableData, columnWidths, highlightRowLogic = null) { if (y > doc.internal.pageSize.getHeight() - 50) { doc.addPage(); y = pageMargin; } doc.setFontSize(8); const headerFillColor = [38, 70, 83]; const headerTextColor = [255,255,255]; const rowTextColor = [52,58,64]; const highlightFillColor = [209, 247, 213]; // Light green for highlight doc.setFillColor(headerFillColor[0], headerFillColor[1], headerFillColor[2]); doc.setTextColor(headerTextColor[0], headerTextColor[1], headerTextColor[2]); doc.setFont(undefined, 'bold'); let currentX = pageMargin; headers.forEach((header, i) => { doc.rect(currentX, y, columnWidths[i], 18, 'F'); doc.text(header, currentX + 3, y + 12); currentX += columnWidths[i]; }); y += 18; doc.setTextColor(rowTextColor[0], rowTextColor[1], rowTextColor[2]); doc.setFont(undefined, 'normal'); tableData.forEach((rowArray, rowIndex) => { if (y > doc.internal.pageSize.getHeight() - 30) { doc.addPage(); y = pageMargin; currentX = pageMargin; doc.setFillColor(headerFillColor[0], headerFillColor[1], headerFillColor[2]); doc.setTextColor(headerTextColor[0], headerTextColor[1], headerTextColor[2]); doc.setFont(undefined, 'bold'); headers.forEach((header, i) => { doc.rect(currentX, y, columnWidths[i], 18, 'F'); doc.text(header, currentX + 3, y + 12); currentX += columnWidths[i]; }); y += 18; doc.setTextColor(rowTextColor[0], rowTextColor[1], rowTextColor[2]); doc.setFont(undefined, 'normal'); } currentX = pageMargin; let isHighlightedRow = false; if (highlightRowLogic) { isHighlightedRow = highlightRowLogic(data.projectionTable[rowIndex]); // Pass the original row object } if(isHighlightedRow){ doc.setFillColor(highlightFillColor[0], highlightFillColor[1], highlightFillColor[2]); doc.rect(currentX, y, pageWidth , 16, 'F'); // Highlight full row } rowArray.forEach((cell, i) => { if(!isHighlightedRow) doc.rect(currentX, y, columnWidths[i], 16); const cellText = String(cell); const textLines = doc.splitTextToSize(cellText, columnWidths[i] - 6); doc.text(textLines, currentX + 3, y + 11); currentX += columnWidths[i]; }); y += 16; }); y += 8; } addMainTitle("Investment Goal Planning Report"); addInfo(`Report Generated: ${new Date().toLocaleString()}`); y += 5; addSectionTitle("Input Parameters"); addLine("Target Investment Goal Amount:", formatCurrency(data.inputs.targetGoalAmount)); addLine("Initial Investment Amount:", formatCurrency(data.inputs.initialInvestment)); addLine("Regular Annual Contribution:", formatCurrency(data.inputs.annualContribution)); addLine("Time Horizon to Reach Goal:", `${data.inputs.timeHorizon} years`); addLine("Expected Average Annual Rate of Return:", `${data.inputs.expectedReturnRatePct.toFixed(1)}%`); y += 10; addSectionTitle("Projection Summary"); addLine("Projected Final Portfolio Value:", formatCurrency(data.summary.finalProjectedValue), true, [244,162,97]); if (data.summary.goalReached) { addLine("Goal Status:", "Achieved!", false, [42,157,143]); if (data.summary.goalReachedYear !== null) { addLine("Year Goal Reached:", `Year ${data.summary.goalReachedYear}`); } } else { addLine("Goal Status:", `Not Reached within ${data.inputs.timeHorizon} years.`, false, [231,111,81]); addLine("Projected Shortfall:", formatCurrency(data.summary.shortfall), false, [231,111,81]); } y += 10; if (data.projectionTable.length > 0) { addSectionTitle("Year-by-Year Projection"); const tableH = ["Year", "Start Balance", "Contribution", "Growth", "End Balance"]; const tableCW = [40, 110, 100, 100, 110]; const tableFData = data.projectionTable.map(r => [ r.year, formatCurrency(r.startBalance,0,0), formatCurrency(r.contribution,0,0), formatCurrency(r.growth,0,0), formatCurrency(r.endBalance,0,0) ]); addTable(tableH, tableFData, tableCW, (row) => data.summary.goalReached && row.year === data.summary.goalReachedYear); } addInfo("This projection uses a fixed average rate of return and assumes contributions are made at the beginning of each year (after year 1, or in year 1 if initial investment is zero) and compounded annually. Actual investment performance will vary. This tool is for illustrative and educational purposes only and should not be considered financial advice."); const pageCount = doc.internal.getNumberOfPages(); for (let i = 1; i <= pageCount; i++) { doc.setPage(i); doc.setFontSize(7); doc.setTextColor(150); doc.text(`Page ${i} of ${pageCount} - Investment Goal Planning Tool`, pageMargin, doc.internal.pageSize.getHeight() - 15); } doc.save('Investment_Goal_Projection.pdf'); } if (downloadPdfBtn) { downloadPdfBtn.addEventListener('click', () => loadJsPdfIfNeeded(downloadReportAsPdf)); } // --- Initialization --- showTab(0); if (downloadPdfBtn) downloadPdfBtn.disabled = true; if (pdfButtonContainer) pdfButtonContainer.style.display = 'block'; loadJsPdfIfNeeded(); });