Total Estimated Annual Maintenance Budget: $${totalAnnualBudget.toFixed(2)}

Recommended Monthly Savings: $${(totalAnnualBudget / 12).toFixed(2)}

`; } else { finalBudgetSummaryEl.innerHTML = `

Add tasks in Tab 2 to see your budget summary here.

`; } } // Category Summary const categoryTotals = {}; tasks.forEach(task => { categoryTotals[task.category] = (categoryTotals[task.category] || 0) + task.annualizedCost; }); if (Object.keys(categoryTotals).length > 0) { if(categorySummaryTableEl) categorySummaryTableEl.style.display = 'table'; if(categoryPieChartCanvas) categoryPieChartCanvas.style.display = 'block'; if(categorySummaryMessageEl) categorySummaryMessageEl.style.display = 'none'; if(categorySummaryTableBodyEl) categorySummaryTableBodyEl.innerHTML = ''; const sortedCategories = Object.entries(categoryTotals).sort(([,a],[,b]) => b-a); // Sort by amount desc sortedCategories.forEach(([category, total]) => { const percentage = totalAnnualBudget > 0 ? (total / totalAnnualBudget) * 100 : 0; const row = categorySummaryTableBodyEl.insertRow(); row.insertCell().textContent = category; const costCell = row.insertCell(); costCell.textContent = total.toFixed(2); costCell.classList.add('cost-cell'); row.insertCell().textContent = percentage.toFixed(1) + '%'; row.cells[2].classList.add('cost-cell'); }); // Pie Chart if (categoryPieChartCanvas) { if (categoryPieChartInstance) categoryPieChartInstance.destroy(); categoryPieChartInstance = new Chart(categoryPieChartCanvas.getContext('2d'), { type: 'pie', data: { labels: sortedCategories.map(entry => entry[0]), datasets: [{ label: 'Budget by Category', data: sortedCategories.map(entry => entry[1]), backgroundColor: ['#3498db', '#f39c12', '#2ecc71', '#e74c3c', '#9b59b6', '#1abc9c', '#34495e', '#7f8c8d'], hoverOffset: 4 }] }, options: { responsive: true, maintainAspectRatio: true, plugins: { legend: { position: 'right' } } } }); } } else { if(categorySummaryTableEl) categorySummaryTableEl.style.display = 'none'; if(categoryPieChartCanvas) categoryPieChartCanvas.style.display = 'none'; if(categorySummaryMessageEl) categorySummaryMessageEl.style.display = 'block'; if (categoryPieChartInstance) { categoryPieChartInstance.destroy(); categoryPieChartInstance = null;} } // Sinking Fund Summary const sinkingFundItems = tasks.filter(task => task.costType === 'replacement' && task.lifespan > 0); let totalSinkingFundAnnual = 0; if (sinkingFundItems.length > 0) { if(sinkingFundTableEl) sinkingFundTableEl.style.display = 'table'; if(sinkingFundMessageEl) sinkingFundMessageEl.style.display = 'none'; if(sinkingFundTableBodyEl) sinkingFundTableBodyEl.innerHTML = ''; sinkingFundItems.forEach(item => { const annualContribution = item.replacementCost / item.lifespan; totalSinkingFundAnnual += annualContribution; const row = sinkingFundTableBodyEl.insertRow(); row.insertCell().textContent = item.description; const repCostCell = row.insertCell(); repCostCell.textContent = item.replacementCost.toFixed(2); repCostCell.classList.add('cost-cell'); row.insertCell().textContent = item.lifespan; const contribCell = row.insertCell(); contribCell.textContent = annualContribution.toFixed(2); contribCell.classList.add('cost-cell'); }); if(sinkingFundTableTotalEl) sinkingFundTableTotalEl.textContent = `$${totalSinkingFundAnnual.toFixed(2)}`; } else { if(sinkingFundTableEl) sinkingFundTableEl.style.display = 'none'; if(sinkingFundMessageEl) sinkingFundMessageEl.style.display = 'block'; if(sinkingFundTableTotalEl) sinkingFundTableTotalEl.textContent = "$0.00"; } } // --- PDF Download --- if(downloadPdfButton) downloadPdfButton.addEventListener('click', function() { if (tasks.length === 0) { alert("No maintenance tasks to include in the report. Please add some tasks first."); return; } hmbt_updateAllSummaries(); // Ensure data is fresh let pdfHtml = ``; // Close hmbt-pdf-output if(pdfOutputEl) pdfOutputEl.innerHTML = pdfHtml; const opt = { margin: [0.5, 0.4, 0.5, 0.4], filename: `Home_Maintenance_Budget_${new Date().toISOString().slice(0,10)}.pdf`, image: { type: 'jpeg', quality: 0.95 }, html2canvas: { scale: 2, useCORS: true, logging: false, width: pdfOutputEl ? pdfOutputEl.scrollWidth : 1000, height: pdfOutputEl ? pdfOutputEl.scrollHeight + 50 : 1400}, jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' } }; if (typeof html2pdf !== 'undefined' && pdfOutputEl) { html2pdf().from(pdfOutputEl).set(opt).save() .catch(err => { console.error("PDF generation failed:", err); alert("PDF generation error."); }); } else { alert("PDF library not loaded or output element missing."); } }); // --- Tab Navigation --- window.hmbt_openTab = function(evt, tabName) { tabs.forEach(tab => { if(tab) tab.style.display = 'none'; }); tabLinks.forEach(link => { if(link) link.classList.remove('active'); }); const activeTabContent = toolContainer.querySelector('#' + tabName); if(activeTabContent) activeTabContent.style.display = 'block'; else { console.error(`Tab content for ${tabName} not found.`); return; } let clickedIndex = -1; if (evt && evt.currentTarget) { evt.currentTarget.classList.add('active'); clickedIndex = tabLinks.indexOf(evt.currentTarget); } else { clickedIndex = tabLinks.findIndex(link => { if (!link) return false; const onclickAttr = link.getAttribute('onclick'); return onclickAttr && onclickAttr.includes(tabName); }); if (clickedIndex !== -1 && tabLinks[clickedIndex]) tabLinks[clickedIndex].classList.add('active'); } currentTabIndex = clickedIndex !== -1 ? clickedIndex : 0; hmbt_updateNavButtons(); if (tabName === 'hmbt-tab3') { // When navigating to summary tab, refresh summaries hmbt_updateAllSummaries(); } } window.hmbt_navigateTab = function(direction) { let newIndex = currentTabIndex; if (direction === 'next' && currentTabIndex < tabs.length - 1) newIndex++; else if (direction === 'prev' && currentTabIndex > 0) newIndex--; if (tabLinks[newIndex] && newIndex !== currentTabIndex) tabLinks[newIndex].click(); } function hmbt_updateNavButtons() { if(prevButton) prevButton.disabled = currentTabIndex === 0; if(nextButton) nextButton.disabled = currentTabIndex >= tabs.length - 1; } // --- Initialization --- function initializeTool() { loadTasks(); hmbt_toggleCostTypeFields(); // Set initial visibility of cost type fields hmbt_renderTasksTable(); hmbt_updateAllSummaries(); hmbt_openTab(null, 'hmbt-tab1'); hmbt_clearTaskForm(); // Initialize form state } let attempts = 0; function checkLibrariesAndInit_hmbt() { if (typeof Chart !== 'undefined' && typeof html2pdf !== 'undefined') { initializeTool(); } else if (attempts < 20) { attempts++; setTimeout(checkLibrariesAndInit_hmbt, 100); } else { alert("Error: Chart.js or html2pdf.js library could not be loaded. Some features may not work."); initializeTool(); // Initialize anyway, functions have internal checks } } checkLibrariesAndInit_hmbt(); })();