<div class="price-card">

    <h5 class="gold-text mb-4">Quick Price Estimate</h5>

    <form id="priceForm" autocomplete="off">

        <!-- Service Type -->
        <div class="form-group">
            <label>Service Type</label>
            <select id="service" class="form-control">
                <option value="arrival">Airport Arrival ($65)</option>
                <option value="departure">Airport Departure</option>
                <option value="point">Point-to-Point ($65)</option>
                <option value="city">City Tour ($120)</option>
                <option value="limo">Limousine Service ($120)</option>
                <option value="hourly">Hourly Booking</option>
            </select>
        </div>

        <!-- Zone (Only for Departure) -->
        <div class="form-group zone-field d-none">
            <label>Zone</label>
            <select id="zone" class="form-control">
                <option value="0">Select Zone</option>
                <option value="60">East ($60)</option>
                <option value="70">North ($70)</option>
                <option value="70">West ($70)</option>
                <option value="70">Central ($70)</option>
            </select>
        </div>

        <!-- Hourly Duration -->
        <div class="form-group hourly-field d-none">
            <label>Number of Hours</label>
            <input type="number" id="hours" class="form-control" min="1" value="1">
        </div>

        <!-- Vehicle Type (Optional upgrade logic later) -->
        <div class="form-group">
            <label>Vehicle Type</label>
            <select id="vehicle" class="form-control">
                <option value="0">Sedan</option>
                <option value="10">SUV (+$10)</option>
                <option value="15">MPV (+$15)</option>
                <option value="40">Limousine (+$40)</option>
            </select>
        </div>

        <!-- Estimated Price Display -->
        <div class="mt-4 text-center">
            <small class="text-muted">Estimated Total</small>
            <h2 class="gold-text mt-2" id="estimatedPrice">$65</h2>
        </div>

        <!-- CTA -->
        <button type="button" id="proceedBooking" class="btn btn-gold btn-block mt-3">
            Proceed to Booking
        </button>

    </form>

</div>
