Luxury Safari Trip Budget Calculator

Luxury Safari Trip Budget Calculator

Plan Your Safari

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('')}
DestinationPark Fee ($/person)Transport ($/group)
${d.name}

Accommodation Costs (per person, per night)

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

Optional Experience Costs

${costData.addons.map(a => ``).join('')}
ExperienceCost ($)
${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(); });
Scroll to Top