Total Contributions
$${calculationResults.totalContributions.toLocaleString('en-US', {minimumFractionDigits: 2, maximumFractionDigits: 2})}
Total Interest Earned
$${calculationResults.totalInterest.toLocaleString('en-US', {minimumFractionDigits: 2, maximumFractionDigits: 2})}
`;
// Results Table
const tableRows = calculationResults.yearlyData.map(d => `
| ${d.year} |
$${d.contributions.toLocaleString('en-US', {maximumFractionDigits: 0})} |
$${d.interest.toLocaleString('en-US', {maximumFractionDigits: 0})} |
$${d.endBalance.toLocaleString('en-US', {maximumFractionDigits: 0})} |
`).join('');
document.getElementById('results-table-container').innerHTML = `
| Year | Contributions | Interest | End Balance |
${tableRows}
`;
// Growth Chart
const ctx = document.getElementById('growth-chart').getContext('2d');
if(growthChartInstance) growthChartInstance.destroy();
growthChartInstance = new Chart(ctx, {
type: 'line',
data: {
labels: calculationResults.yearlyData.map(d => `Year ${d.year}`),
datasets: [
{ label: 'Total Contributions', data: calculationResults.yearlyData.map(d => d.contributions), backgroundColor: '#22c55e', borderColor: '#22c55e', fill: true, tension: 0.1 },
{ label: 'Total Value', data: calculationResults.yearlyData.map(d => d.endBalance), backgroundColor: '#3b82f680', borderColor: '#3b82f6', fill: true, tension: 0.1 }
]
},
options: { responsive: true, maintainAspectRatio: false, scales: { y: { stacked: true, ticks: { callback: v => `$${(v/1000)}k` } } } }
});
}
// --- PDF GENERATION ---
async function generatePdfReport() {
downloadPdfBtn.disabled = true;
downloadPdfBtn.textContent = 'Generating...';
const tableRows = calculationResults.yearlyData.map(d => `
| ${d.year} |
$${d.contributions.toLocaleString('en-US', {maximumFractionDigits: 0})} |
$${d.interest.toLocaleString('en-US', {maximumFractionDigits: 0})} |
$${d.endBalance.toLocaleString('en-US', {maximumFractionDigits: 0})} |
`).join('');
const reportHtml = `
PROJECTED FUTURE VALUE
$${calculationResults.endBalance.toLocaleString('en-US', {minimumFractionDigits: 2})}
TOTAL CONTRIBUTIONS
$${calculationResults.totalContributions.toLocaleString('en-US', {minimumFractionDigits: 2})}
TOTAL INTEREST EARNED
$${calculationResults.totalInterest.toLocaleString('en-US', {minimumFractionDigits: 2})}
Growth Over Time
Year-by-Year Breakdown
| Year | Total Contributions | Total Interest | End Balance |
|---|
${tableRows}
`;
const pdfTemplate = document.getElementById('pdf-template');
pdfTemplate.innerHTML = reportHtml;
pdfTemplate.classList.remove('invisible');
const pdfCtx = document.getElementById('pdf-growth-chart').getContext('2d');
new Chart(pdfCtx, { type: 'line', data: growthChartInstance.data, options: { animation: { duration: 0 }, maintainAspectRatio: false, scales: { y: { stacked: true, ticks: { callback: v => `$${(v/1000)}k` } } } }});
setTimeout(async () => {
try {
const { jsPDF } = window.jspdf;
const canvas = await html2canvas(pdfTemplate.querySelector('.pdf-report-container'), { scale: 2 });
const imgData = canvas.toDataURL('image/png');
const pdf = new jsPDF({ orientation: 'p', unit: 'pt', format: 'a4' });
const pdfWidth = pdf.internal.pageSize.getWidth();
const pdfHeight = (canvas.height * pdfWidth) / canvas.width;
pdf.addImage(imgData, 'PNG', 0, 0, pdfWidth, pdfHeight);
pdf.save('Investment_Projection.pdf');
} catch (e) { console.error('PDF Generation Error:', e); } finally {
downloadPdfBtn.disabled = false;
downloadPdfBtn.textContent = 'Download Projection PDF';
pdfTemplate.classList.add('invisible');
pdfTemplate.innerHTML = '';
}
}, 500);
}
downloadPdfBtn.addEventListener('click', generatePdfReport);
// --- INITIALIZATION ---
switchTab(0);
});
