`; navigator.clipboard.writeText(fullHTML) .then(() => { const btn = event.target; const originalText = btn.innerHTML; btn.innerHTML = '✓ Copied!'; btn.style.background = '#26a269'; setTimeout(() => { btn.innerHTML = originalText; btn.style.background = ''; }, 2000); }) .catch(err => { console.error('Failed to copy: ', err); alert('Failed to copy code. Please try again.'); }); } function downloadCode() { const articleContent = document.getElementById('articleContent').innerHTML; const fullHTML = ` ${articleContent} `; const blob = new Blob([fullHTML], { type: 'text/html' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'ambulance-fare-guide.html'; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); } function runCode() { // Show the fare calculator section document.getElementById('section5').scrollIntoView({ behavior: 'smooth' }); // Show a notification const notification = document.createElement('div'); notification.style.cssText = ` position: fixed; top: 20px; right: 20px; background: #26a269; color: white; padding: 15px 25px; border-radius: 5px; z-index: 1000; box-shadow: 0 4px 12px rgba(0,0,0,0.2); animation: slideIn 0.3s ease; `; notification.innerHTML = '🚑 Fare calculator is ready to use!'; document.body.appendChild(notification); setTimeout(() => { notification.style.animation = 'slideOut 0.3s ease'; setTimeout(() => notification.remove(), 300); }, 3000); } // Fare Calculator Functions document.getElementById('destination').addEventListener('change', function() { const customGroup = document.getElementById('customDistanceGroup'); if (this.value === 'custom') { customGroup.style.display = 'block'; } else { customGroup.style.display = 'none'; } }); function calculateFare() { const destination = document.getElementById('destination').value; const ambulanceType = document.getElementById('ambulanceType').value; let distance; if (destination === 'custom') { distance = parseInt(document.getElementById('customDistance').value) || 0; } else { distance = parseInt(destination) || 0; } if (distance <= 0) { alert('Please enter a valid distance'); return; } // Apply long distance discount let rate = parseFloat(ambulanceType); if (distance > 300) { rate = 80; // Special discount rate } const totalFare = distance * rate; // Update result display document.getElementById('calculatedDistance').textContent = distance.toLocaleString(); document.getElementById('selectedAmbulance').textContent = ambulanceType === '100' ? 'Standard Ambulance' : ambulanceType === '110' ? 'Advanced Ambulance' : 'ICU Ambulance'; document.getElementById('appliedRate').textContent = `PKR ${rate}/km`; document.getElementById('finalPrice').textContent = `PKR ${totalFare.toLocaleString()}`; // Show result box with animation const resultBox = document.getElementById('resultBox'); resultBox.classList.remove('show'); setTimeout(() => { resultBox.classList.add('show'); resultBox.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); }, 10); } // Add CSS for animations const style = document.createElement('style'); style.textContent = ` @keyframes slideIn { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @keyframes slideOut { from { transform: translateX(0); opacity: 1; } to { transform: translateX(100%); opacity: 0; } } `; document.head.appendChild(style); // Smooth scrolling for table of contents document.querySelectorAll('.table-contents a').forEach(anchor => { anchor.addEventListener('click', function(e) { e.preventDefault(); const targetId = this.getAttribute('href'); const targetElement = document.querySelector(targetId); if (targetElement) { targetElement.scrollIntoView({ behavior: 'smooth' }); } }); });