Please enter valid trip details.

'; if(footprintChart) footprintChart.destroy(); return; } let breakdown = {}; // Transportation (round trip) breakdown['Transportation'] = selectedTransport.kgCO2perMile * distance * 2; // Accommodation breakdown['Accommodation'] = selectedAccom.kgCO2perNight * duration; // Activities let activitiesTotal = 0; carbonData.activities.forEach(act => { const checkbox = document.getElementById(`activity-${act.id}`); if (checkbox && checkbox.checked) { activitiesTotal += act.kgCO2; } }); if (activitiesTotal > 0) { breakdown['Activities'] = activitiesTotal; } const totalFootprint = Object.values(breakdown).reduce((sum, val) => sum + val, 0); renderResults(totalFootprint); updateChart(breakdown); } function renderResults(total) { resultsContent.innerHTML = ` `; } function updateChart(breakdown) { const ctx = document.getElementById('footprintChart').getContext('2d'); const labels = Object.keys(breakdown); const data = Object.values(breakdown); if (footprintChart) { footprintChart.destroy(); } footprintChart = new Chart(ctx, { type: 'pie', data: { labels: labels, datasets: [{ data: data, backgroundColor: ['#00796B', '#FFB300', '#546E7A'], }] }, options: { responsive: true, plugins: { legend: { position: 'top' }, title: { display: true, text: 'Footprint Breakdown by Category' } } } }); } function renderConfig() { configContainer.innerHTML = ` `; } window.updateConfig = function(element) { const { type, id, prop } = element.dataset; const value = parseFloat(element.value); if (isNaN(value)) return; const item = carbonData[type].find(i => i.id === id); if (item) { item[prop] = value; estimateFootprint(); } } // --- TAB & NAVIGATION --- window.openTab = function(evt, tabName) { const tabContents = document.getElementsByClassName("tab-content"); Array.from(tabContents).forEach(tab => tab.style.display = "none"); const tabButtons = document.getElementsByClassName("tab-btn"); Array.from(tabButtons).forEach(btn => btn.classList.remove("active")); document.getElementById(tabName).style.display = "block"; if (evt) { evt.currentTarget.classList.add("active"); } else { const btnToActivate = Array.from(tabButtons).find(btn => btn.getAttribute('onclick').includes(`'${tabName}'`)); if (btnToActivate) btnToActivate.classList.add("active"); } updateNavButtons(); } window.navigateTabs = function(direction) { const tabs = Array.from(document.querySelectorAll('.tab-btn')); const activeTabIndex = tabs.findIndex(tab => tab.classList.contains('active')); let newIndex = (direction === 'next') ? (activeTabIndex + 1) % tabs.length : (activeTabIndex - 1 + tabs.length) % tabs.length; tabs[newIndex].click(); } function updateNavButtons() { const tabs = Array.from(document.querySelectorAll('.tab-btn')); const activeTabIndex = tabs.findIndex(tab => tab.classList.contains('active')); document.getElementById('prev-btn').style.visibility = activeTabIndex === 0 ? 'hidden' : 'visible'; document.getElementById('next-btn').style.visibility = activeTabIndex === tabs.length - 1 ? 'hidden' : 'visible'; } // --- PDF DOWNLOAD --- if(downloadPdfBtn) { downloadPdfBtn.addEventListener('click', function() { const { jsPDF } = window.jspdf; const contentToDownload = document.getElementById('results-to-download'); if (!contentToDownload || !document.querySelector('.value')) { console.warn("Please generate an estimate before downloading."); return; } const originalButtonText = downloadPdfBtn.innerHTML; downloadPdfBtn.innerHTML = 'Generating...'; downloadPdfBtn.disabled = true; html2canvas(contentToDownload, { scale: 2, useCORS: true }).then(canvas => { const imgData = canvas.toDataURL('image/png'); const pdf = new jsPDF({ orientation: 'p', unit: 'mm', format: 'a4' }); const pdfWidth = pdf.internal.pageSize.getWidth(); const imgProps = pdf.getImageProperties(imgData); const imgHeight = (imgProps.height * pdfWidth) / imgProps.width; pdf.addImage(imgData, 'PNG', 10, 10, pdfWidth - 20, imgHeight > 0 ? imgHeight - 20 : 0); pdf.save('Carbon-Footprint-Estimate.pdf'); }).catch(err => { console.error("Error generating PDF:", err); }).finally(() => { downloadPdfBtn.innerHTML = originalButtonText; downloadPdfBtn.disabled = false; }); }); } // --- INITIALIZATION --- function initializeTool() { populateControls(); estimateFootprint(); renderConfig(); updateNavButtons(); } initializeTool(); });