<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Everluma Quote Calculator</title>
</head>
<body style="font-family: Arial, sans-serif; background: transparent; margin: 0;">
  <div style="
      max-width: 520px;
      margin: 24px auto;
      padding: 24px;
      border-radius: 12px;
      background-color: rgba(255, 255, 255, 0.98);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    ">
    <h3>Get a Private-Pay Ride Estimate</h3>
    <p><small>This tool provides estimates for private-pay and clinic-pay trips only. Medicaid, VA, and broker trips may be billed at contracted rates.</small></p>

    <label>
      Ride Type:
      <select id="rideType">
        <option value="ambulatory">Ambulatory (walking)</option>
        <option value="wheelchair">Wheelchair</option>
      </select>
    </label>
    <br/><br/>

    <label>
      Distance (one-way, in miles):
      <input type="number" id="distanceMiles" min="1" step="0.1" />
    </label>
    <br/><br/>

    <label>
      Trip Type:
      <select id="tripKind">
        <option value="one_way">One-way</option>
        <option value="round_trip">Round-trip (same day)</option>
      </select>
    </label>
    <br/><br/>

    <div id="waitTimeSection" style="display:none;">
      <label>
        Estimated wait time at appointment (minutes):
        <input type="number" id="waitMinutes" min="0" step="5" />
      </label>
      <br/><br/>
    </div>

    <button type="button" onclick="calculateQuote()">Get Estimate</button>

    <div id="quoteResult" style="margin-top:16px; font-weight:bold;"></div>

<div id="scheduleCta" style="margin-top:16px; font-size:0.95em;">
  <div>Like your estimate? You can schedule this ride now:</div>
  <a href="https://calendly.com/jerryyang-irmtime/60min"
     target="_blank"
     rel="noopener noreferrer"
     style="display:inline-block;
            margin-top:8px;
            padding:8px 18px;
            border-radius:20px;
            background-color:#1F567A;
            color:#ffffff;
            text-decoration:none;
            font-weight:bold;
            font-size:0.95em;">
    Schedule My Ride
  </a>
</div>


    <p style="margin-top:8px; font-size:0.85em;">
  <strong>Estimate only.</strong> This tool is for private-pay and clinic-pay rides and includes the rider
  <strong>plus one companion.</strong> Extra guests, long distances, or special requests may change the price.
  Online requests need <strong>24 hours’ notice</strong> and <strong>are not confirmed</strong> until Everluma
  reviews your trip and calls you back with the final time and total.
</p>

  </div>

  <script>
    document.addEventListener('DOMContentLoaded', function() {
      const tripKindSelect = document.getElementById('tripKind');
      const waitSection = document.getElementById('waitTimeSection');

      function toggleWait() {
        waitSection.style.display = (tripKindSelect.value === 'round_trip') ? 'block' : 'none';
      }

      tripKindSelect.addEventListener('change', toggleWait);
      toggleWait();
    });

    function calculateQuote() {
      const rideType = document.getElementById('rideType').value;
      let distance = parseFloat(document.getElementById('distanceMiles').value || '0');
      const tripKind = document.getElementById('tripKind').value;
      const waitMinutesField = document.getElementById('waitMinutes');
      const waitMinutes = waitMinutesField ? parseFloat(waitMinutesField.value || '0') : 0;
      const resultDiv = document.getElementById('quoteResult');

      if (!distance || distance <= 0) {
        resultDiv.textContent = "Please enter a valid distance in miles.";
        return;
      }

      // Optional minimum billable distance
      const minMiles = 5;
      if (distance < minMiles) distance = minMiles;

      let base, perMile;
      if (rideType === 'ambulatory') {
        base = 25.0;
        perMile = 2.75;
      } else {
        base = 45.0;
        perMile = 3.75;
      }

      let oneWayPrice = base + (distance * perMile);
      let totalPrice = oneWayPrice;

      if (tripKind === 'round_trip') {
        totalPrice = 2 * oneWayPrice;

        // Wait time after first 15 minutes
        if (waitMinutes > 15) {
          const billableMinutes = waitMinutes - 15;
          const waitBlocks = billableMinutes / 30.0;
          const waitCharge = waitBlocks * 25.0; // $25 per 30 min
          totalPrice += waitCharge;
        }
      }

      const displayPrice = Math.round(totalPrice);
      const label = (tripKind === 'round_trip')
        ? "Estimated round-trip price"
        : "Estimated one-way price";

      resultDiv.textContent = `${label}: $${displayPrice.toLocaleString()}`;
    }
  </script>
</body>
</html>