Error: Calculator components could not be loaded.

"; } else { console.log("APRE DOM elements loaded successfully."); } }); function estimateAprRangeAPRE() { console.log("APRE estimateAprRangeAPRE called"); if (!creditScoreRangeInAPRE || !loanTypeInAPRE || !estimatedAprRangeOutAPRE || !resultsSectionAPRE) { alert("Error: Estimator components not found. Please refresh."); return; } const scoreRange = creditScoreRangeInAPRE.value; const loanType = loanTypeInAPRE.value; let estimatedRange = "N/A"; if (illustrativeAprDataAPRE[loanType] && illustrativeAprDataAPRE[loanType][scoreRange]) { estimatedRange = illustrativeAprDataAPRE[loanType][scoreRange]; } else { console.warn("APRE: No illustrative data found for selection:", loanType, scoreRange); } estimatedAprRangeOutAPRE.textContent = estimatedRange; calculatedValuesAPRE = { inputs: { creditScoreRange: scoreRange, loanType: loanTypeInAPRE.options[loanTypeInAPRE.selectedIndex].text // Get text for PDF }, outputs: { estimatedAprRange: estimatedRange } }; resultsSectionAPRE.style.display = "block"; console.log("APRE Estimation successful:", calculatedValuesAPRE); } function generatePdfAPRE() { console.log("APRE generatePdfAPRE called"); if (Object.keys(calculatedValuesAPRE).length === 0 || !resultsSectionAPRE || resultsSectionAPRE.style.display === 'none') { alert('Please estimate an APR range first to generate a PDF summary.'); return; } if (typeof window.jspdf === 'undefined' || typeof window.jspdf.jsPDF === 'undefined') { alert('PDF generation library (jsPDF) is not loaded.'); console.error("APRE PDF: jsPDF library not found."); return; } const { jsPDF } = window.jspdf; const doc = new jsPDF(); if (typeof doc.autoTable !== 'function') { alert('PDF generation plugin (jsPDF-AutoTable) is not loaded.'); console.error("APRE PDF: doc.autoTable is not a function."); return; } const data = calculatedValuesAPRE; try { doc.setFontSize(18); doc.setTextColor(0, 105, 92); // #00695c Dark Teal doc.text("Illustrative Auto Loan APR Estimator Summary", 14, 22); doc.setFontSize(10); doc.setTextColor(100); doc.text(`Report Generated: ${new Date().toLocaleDateString()}`, 14, 28); let startY = 38; const tableTheme = 'grid'; const headFillColor = [77, 182, 172]; // #4DB6AC Muted Teal/Blue-Green const headTextColor = [255, 255, 255]; // White doc.setFontSize(12); doc.setTextColor(0, 121, 107); // #00796b Medium Teal doc.text("Selected Inputs", 14, startY); startY += 7; doc.autoTable({ head: [['Parameter', 'Selection']], body: [ ['Credit Score Range', data.inputs.creditScoreRange], ['Loan Type', data.inputs.loanType] ], startY: startY, theme: tableTheme, headStyles: { fillColor: headFillColor, textColor: headTextColor }, styles: { fontSize: 10 } }); startY = doc.lastAutoTable.finalY + 12; doc.setFontSize(12); doc.setTextColor(0, 121, 107); doc.text("Estimated Illustrative APR Range", 14, startY); startY += 7; doc.autoTable({ head: [['Description', 'Illustrative APR Range']], body: [ ['Estimated APR Range', data.outputs.estimatedAprRange] ], startY: startY, theme: tableTheme, headStyles: { fillColor: headFillColor, textColor: headTextColor }, styles: { fontSize: 10 }, columnStyles: { 1: { fontStyle: 'bold' } } }); startY = doc.lastAutoTable.finalY + 10; doc.setFontSize(9); doc.setTextColor(120); // Gray color for the note in PDF const noteLines = doc.splitTextToSize( "Important: This is a highly simplified, illustrative estimate. Actual APRs vary widely based on lender, specific creditworthiness, market conditions, and other factors. This estimate is not a loan offer or guarantee of any specific rate. Consult with lenders for actual rates.", doc.internal.pageSize.getWidth() - 28 // Page width minus margins ); doc.text(noteLines, 14, startY); doc.save("Illustrative_Auto_Loan_APR_Estimation.pdf"); console.log("APRE PDF generated and download initiated."); } catch (error) { console.error("APRE PDF Error:", error); alert("An error occurred while generating the PDF: " + error.message); } }