Embed

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Belgrade Airport to City Center Calculator</title>
    <link rel="stylesheet" href="styles.css">
    <style>
        .whatsapp-button {
            background-color: #25D366; /* WhatsApp green */
            color: white;
            padding: 10px 15px;
            text-align: center;
            text-decoration: none;
            border-radius: 5px;
            display: inline-block;
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <div class="calculator">
        <h1>Transportation Belgrade to City Price Calculator</h1>
        <select id="transportation">
            <option value="bus72">Bus 72 (send sms A90 on 9111)</option>
            <option value="a1minibus">A1 Minibus (Pay to Driver)</option>
            <option value="taxi">Taxi (max 3 passengers and 3 bags)</option>
            <option value="private-car">Airport Transfer Basta (max 3 passengers and 3 bags)</option>
            <option value="private-van">Basta Private 7-Seater Van (max 7 passengers and 5 bags)</option>
        </select>
        <label for="currency">Select Currency:</label>
        <select id="currency">
            <option value="rsd">RSD</option>
            <option value="usd">USD</option>
            <option value="eur">EUR</option>
        </select>
        <label for="passengers">Number of Passengers:</label>
        <input type="number" id="passengers" min="1" value="1">
        <label for="bags">Number of Bags:</label>
        <input type="number" id="bags" min="0" value="0">
        <label for="arrival-time">Arrival Time:</label>
        <input type="time" id="arrival-time">
        <h2>Result</h2>
        <div id="result"></div>
    </div>

    <script>
        function calculatePrice() {
            const transportationType = document.getElementById("transportation").value;
            const currency = document.getElementById("currency").value;
            const passengers = parseInt(document.getElementById("passengers").value);
            const bags = parseInt(document.getElementById("bags").value);
            const arrivalTime = document.getElementById("arrival-time").value;

            const prices = {
                bus72: { rsd: 90, usd: 0.9, eur: 0.80 },
                a1minibus: { rsd: 400, usd: 4.0, eur: 3.5 },
                taxi: { rsd: 3500, usd: 35, eur: 29.5 },
                'private-car': { rsd: 3450, usd: 34.5, eur: 30 },
                'private-van': { rsd: 6000, usd: 58, eur: 50 }
            };

            const firstBus72Departure = "05:00";
            const lastBus72Departure = "22:00";
            const firstA1MinibusDeparture = "04:30";
            const lastA1MinibusDeparture = "23:30";

            if (transportationType === 'taxi') {
                const maxPassengers = 3;
                const vehiclesNeeded = Math.ceil(passengers / maxPassengers);
                document.getElementById("result").textContent = `${prices[transportationType][currency] * vehiclesNeeded} ${currency}`;
                return;
            }

            if (
                (transportationType === 'bus72' && (arrivalTime < firstBus72Departure || arrivalTime > lastBus72Departure)) ||
                (transportationType === 'a1minibus' && (arrivalTime < firstA1MinibusDeparture || arrivalTime > lastA1MinibusDeparture))
            ) {
                document.getElementById("result").textContent = `No available buses. First departure at ${transportationType === 'bus72' ? firstBus72Departure : firstA1MinibusDeparture}, last departure at ${transportationType === 'bus72' ? lastBus72Departure : lastA1MinibusDeparture}.`;
                return;
            }
            
            if (!prices[transportationType] || isNaN(passengers) || passengers < 1 || isNaN(bags) || bags < 0) {
                document.getElementById("result").textContent = "Invalid input.";
            } else {
                let totalPrice;

                if (transportationType === 'private-car') {
                    const maxPassengers = 3;
                    totalPrice = prices[transportationType][currency] * Math.ceil(passengers / maxPassengers);
                    
                    // WhatsApp link
                    const whatsappMessage = `Are you interested in our service? The price is ${totalPrice} ${currency}. Would you like to proceed with the booking?`;
                    const whatsappLink = `https://wa.me/381611077730?text=${encodeURIComponent(whatsappMessage)}`;
                    
                    document.getElementById("result").innerHTML = `Total Price: ${totalPrice} ${currency} <br><a class="whatsapp-button" href="${whatsappLink}" target="_blank">Contact us on WhatsApp</a>`;
                    return;

                } else if (transportationType === 'private-van') {
                    const maxPassengers = 7;
                    totalPrice = prices[transportationType][currency] * Math.ceil(passengers / maxPassengers);
                    
                    // WhatsApp link
                    const whatsappMessage = `Are you interested in our service? The price for the van is ${totalPrice} ${currency}. Would you like to proceed with the booking?`;
                    const whatsappLink = `https://wa.me/381611077730?text=${encodeURIComponent(whatsappMessage)}`;
                    
                    document.getElementById("result").innerHTML = `Total Price for Van: ${totalPrice} ${currency} <br><a class="whatsapp-button" href="${whatsappLink}" target="_blank">Contact us on WhatsApp</a>`;
                    return;

                } else {
                    totalPrice = prices[transportationType][currency] * passengers;
                }

                document.getElementById("result").textContent = `Total Price: ${totalPrice} ${currency}`;
            }
        }

        // Add event listeners for automatic calculation
        document.getElementById("passengers").addEventListener("input", calculatePrice);
        document.getElementById("bags").addEventListener("input", calculatePrice);
        document.getElementById("arrival-time").addEventListener("change", calculatePrice);
        document.getElementById("transportation").addEventListener("change", calculatePrice);
        document.getElementById("currency").addEventListener("change", calculatePrice);
    </script>
</body>
</html>


Text

<h3>Instructions for using this calculator:</h3>
<p> </p>
<p>1. **<strong>Transportation Selection</strong>**: First, choose the type of transportation from the "Transportation" dropdown menu. You have the following options:</p>
<p>   - **<strong>Bus 72</strong>**: City bus line 72.</p>
<p>   - **<strong>A1</strong> <strong>Minibus</strong>**: Minibus line A1.</p>
<p>   - **<strong>Taxi</strong> (max 3 passengers and 3 bags)**: A taxi with a capacity of up to 3 passengers and 3 bags.</p>
<p>   - **<strong>Airporttransferbasta.com</strong> (max 3 passengers and 3 bags)**: A private car with a capacity of up to 3 passengers and 3 bags.</p>
<p>   - ** <strong>Basta Private 7-Seater Van</strong> (max 7 passengers and 5 bags)**: A private 7-seater minivan with a capacity of up to 7 passengers and 5 bags.</p>
<p> </p>
<p>2. **<strong>Currency Selection</strong>**: Next, choose the currency in which you want to display the price. You can select RSD (Serbian dinars), USD (US dollars), or EUR (euros).</p>
<p> </p>
<p>3. **<strong>Number of Passengers and Bags</strong>**: Enter the number of passengers and the number of bags in the respective fields. This information will affect the final cost of transportation.</p>
<p> </p>
<p>4. **<strong>Arrival Time</strong>**: Enter the arrival time in the "Arrival Time" field. This will be used to check if public transportation is available at that time.</p>
<p> </p>
<p>5. **<strong>Press "Calculat</strong>e"**: Click the "Calculate" button to calculate the transportation cost.</p>
<p> </p>
<p>6. **<strong>Result</strong>**: The transportation cost will be displayed below the "Calculate" button in the chosen currency.</p>
<p> </p>
<p>If you choose "Taxi," the price will be based on the number of passengers, and you will be informed of how many vehicles you need and the total cost.</p>
<p> </p>
<p>Note: This calculator also has restrictions on the availability of public transportation at specific times, such as the departures of bus 72 and A1 Minibus. If transportation availability is limited at the time you've entered, you will receive an appropriate message. Taxis, private cars, and minivans are available 24/7 and are not subject to time restrictions.</p>

Airport Transfer basta