Scenario: Reduce Consumption by ${reductionPercent}%
Estimated New Avg. Consumption: ${reducedConsumption.toFixed(2)} ${config.unit}
Estimated New Avg. Monthly Bill: $${newBillFromReduction.toFixed(2)}
Estimated Monthly Savings: $${savingsFromReduction.toFixed(2)} (Annual: $${(savingsFromReduction*12).toFixed(2)})

---

`; } const newRate = parseFloat(whatIfNewRateEl.value); if (!isNaN(newRate) && newRate >= 0) { const newBillFromRateChange = (avgConsumption * newRate) + config.fixedCharge; const savingsFromRateChange = currentAvgBill - newBillFromRateChange; resultsHtml += `

Scenario: Rate Change to $${newRate.toFixed(4)} per ${config.unit}
Estimated New Avg. Monthly Bill: $${newBillFromRateChange.toFixed(2)}
Estimated Monthly ${savingsFromRateChange >= 0 ? 'Savings' : 'Increase'}: $${Math.abs(savingsFromRateChange).toFixed(2)}

`; } if (resultsHtml) { if(whatIfResultsDisplayEl) whatIfResultsDisplayEl.innerHTML = resultsHtml; if(whatIfResultsDisplayEl) whatIfResultsDisplayEl.style.display = 'block'; } else { if(whatIfResultsDisplayEl) whatIfResultsDisplayEl.innerHTML = '

Enter a value for reduction or new rate to see scenario results.

'; if(whatIfResultsDisplayEl) whatIfResultsDisplayEl.style.display = 'block'; } } window.ubot_addAppliance = function() { const name = applianceNameEl.value.trim(); const wattage = parseFloat(applianceWattageEl.value); const hours = parseFloat(applianceHoursPerDayEl.value); if (!name || isNaN(wattage) || wattage <=0 || isNaN(hours) || hours < 0 || hours > 24) { alert("Please enter valid appliance name, positive wattage, and hours (0-24)."); return; } applianceEstimates.push({ id: Date.now(), name, wattage, hours }); saveData(); ubot_renderAppliancesTable(); applianceNameEl.value = ''; applianceWattageEl.value = ''; applianceHoursPerDayEl.value = ''; } function ubot_deleteAppliance(applianceId) { // Not global as it's called by a JS-created handler applianceEstimates = applianceEstimates.filter(app => app.id !== applianceId); saveData(); ubot_renderAppliancesTable(); } function ubot_renderAppliancesTable() { const elecConfig = utilityConfigs["Electricity"]; if (!elecConfig || typeof elecConfig.rate !== 'number') { // Check if rate is a number if(appliancesTableEl) appliancesTableEl.style.display = 'none'; if (appliancePieChartInstance) appliancePieChartInstance.destroy(); appliancePieChartInstance = null; return; } if (applianceEstimates.length === 0) { if(appliancesTableEl) appliancesTableEl.style.display = 'none'; if (appliancePieChartInstance) appliancePieChartInstance.destroy(); appliancePieChartInstance = null; return; } if(appliancesTableEl) appliancesTableEl.style.display = 'table'; if(appliancesTableBodyEl) appliancesTableBodyEl.innerHTML = ''; let pieChartLabels = []; let pieChartData = []; applianceEstimates.forEach(app => { const dailyKWh = (app.wattage * app.hours) / 1000; const monthlyKWh = dailyKWh * 30; const monthlyCost = monthlyKWh * elecConfig.rate; const row = appliancesTableBodyEl.insertRow(); row.insertCell().textContent = app.name; row.insertCell().textContent = app.wattage; row.insertCell().textContent = app.hours.toFixed(1); row.insertCell().textContent = monthlyKWh.toFixed(2); row.insertCell().textContent = monthlyCost.toFixed(2); const actionsCell = row.insertCell(); const deleteBtn = document.createElement('button'); deleteBtn.textContent = 'Del'; deleteBtn.className = 'ubot-button danger small'; deleteBtn.onclick = () => ubot_deleteAppliance(app.id); actionsCell.appendChild(deleteBtn); pieChartLabels.push(app.name); pieChartData.push(monthlyKWh); }); if (appliancePieChartCanvas) { if (appliancePieChartInstance) appliancePieChartInstance.destroy(); if (pieChartData.length > 0) { appliancePieChartInstance = new Chart(appliancePieChartCanvas.getContext('2d'), { type: 'pie', data: { labels: pieChartLabels, datasets: [{ label: 'Est. Monthly kWh', data: pieChartData, backgroundColor: ['#007bff', '#28a745', '#ffc107', '#dc3545', '#17a2b8', '#6c757d', '#fd7e14', '#6610f2', '#20c997'], hoverOffset: 4 }] }, options: { responsive: true, maintainAspectRatio: true, plugins: { legend: { position: 'top'}}} }); } } else { console.error("Appliance pie chart canvas not found.");} } // --- Tab 5: PDF Export --- if(downloadPdfButton) downloadPdfButton.addEventListener('click', async function() { let pdfHtml = ``; // Close ubot-pdf-output const pdfOutputEl = toolContainer.querySelector('#ubot-pdfOutput'); if (pdfOutputEl) pdfOutputEl.innerHTML = pdfHtml; const opt = { margin: [0.5, 0.4, 0.5, 0.4], filename: `Utility_Optimization_Report_${new Date().toISOString().slice(0,10)}.pdf`, image: { type: 'jpeg', quality: 0.95 }, html2canvas: { scale: 2, useCORS: true, logging: false, scrollX: 0, scrollY: 0, windowWidth: pdfOutputEl ? pdfOutputEl.scrollWidth : 1200, windowHeight: pdfOutputEl ? pdfOutputEl.scrollHeight + 50 : 1600}, jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' }, pagebreak: { mode: ['avoid-all', 'css', 'legacy'] } }; if (html2pdf && pdfOutputEl) { // Check if html2pdf is loaded and pdfOutputEl exists html2pdf().from(pdfOutputEl).set(opt).save() .catch(err => console.error("PDF generation failed:", err)); } else { alert("PDF generation library or output element not ready."); } }); // --- Tab Navigation --- window.ubot_openTab = function(evt, tabName) { tabs.forEach(tab => tab.style.display = 'none'); tabLinks.forEach(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 => { const onclickAttr = link.getAttribute('onclick'); return onclickAttr && onclickAttr.includes(tabName); }); if (clickedIndex !== -1) tabLinks[clickedIndex].classList.add('active'); } currentTabIndex = clickedIndex !== -1 ? clickedIndex : 0; ubot_updateNavButtons(); if (tabName === 'ubot-tab2') { if(billUtilitySelectEl.value) handleBillUtilitySelectChange(); } else if (tabName === 'ubot-tab3') { if(analysisUtilitySelectEl.value) ubot_renderAnalysis(); } else if (tabName === 'ubot-tab4') { if(optimizeUtilitySelectEl.value) ubot_setupOptimizationTab(); } } window.ubot_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 ubot_updateNavButtons() { if(prevButton) prevButton.disabled = currentTabIndex === 0; if(nextButton) nextButton.disabled = currentTabIndex >= tabs.length - 1; // >= in case tabs array is off } // --- Initialization --- function initializeTool() { if (!Chart || !html2pdf) { alert("Required libraries (Chart.js or html2pdf.js) not loaded. Some features may not work."); // return; // Or continue with degraded functionality } loadData(); renderUtilityConfigs(); populateUtilitySelects(); const today = new Date(); if(billPeriodEl) billPeriodEl.value = `${today.getFullYear()}-${String(today.getMonth() + 1).padStart(2, '0')}`; ubot_openTab(null, 'ubot-tab1'); } // Defensive check for Chart.js and html2pdf.js (if loaded via CDN, they might take time) let attempts = 0; function checkLibrariesAndInit() { if (typeof Chart !== 'undefined' && typeof html2pdf !== 'undefined') { initializeTool(); } else if (attempts < 20) { // Try for 2 seconds attempts++; setTimeout(checkLibrariesAndInit, 100); } else { alert("Error: Essential libraries (Chart.js, html2pdf.js) could not be loaded. Please check your internet connection or try again later. The tool may not function correctly."); // Fallback initialization without charts or PDF perhaps, or just show an error. // For now, it will proceed but chart/pdf functions will fail more gracefully due to checks. initializeTool(); // Try to init anyway, functions have internal checks } } checkLibrariesAndInit(); })();