Luxury Safari Trip Budget Calculator

Plan Your Safari

Destination

Duration (nights)

Number of Travelers

Accommodation Style

Optional Experiences

Your Estimated Budget

Select your options to see the total price.

Customize Cost Data

Total for ${document.getElementById('travelers').value} Traveler(s)

$${total.toFixed(2)}

Budget Breakdown

${breakdownHTML}

`; } function renderConfig() { configContainer.innerHTML = `

Destination Costs (per day)

${costData.destinations.map(d => ` `).join('')}

Destination	Park Fee ($/person)	Transport ($/group)
${d.name}

Accommodation Costs (per person, per night)

${costData.accommodations.map(a => ``).join('')}

Style	Cost ($)
${a.name}

Optional Experience Costs

${costData.addons.map(a => ``).join('')}

Experience	Cost ($)
${a.name}

`; } window.updateConfig = function(element) { const { type, id, prop } = element.dataset; const value = parseFloat(element.value); if (isNaN(value)) return; const item = costData[type].find(i => i.id === id); if (item) { item[prop] = value; calculateCost(); } } // --- 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('.total-cost')) { console.warn("Please calculate a budget 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('Luxury-Safari-Budget.pdf'); }).catch(err => { console.error("Error generating PDF:", err); }).finally(() => { downloadPdfBtn.innerHTML = originalButtonText; downloadPdfBtn.disabled = false; }); }); } // --- INITIALIZATION --- function initializeTool() { populateControls(); calculateCost(); renderConfig(); updateNavButtons(); } initializeTool(); });