Embed

<div style="max-width: 600px; margin: 0 auto; background: #292929; border-radius: 16px; padding: 32px; color: white; font-family: 'Poppins', sans-serif;">
  <h2 style="font-size: 24px; margin-bottom: 20px;">Bevestig je rit</h2>

  <div style="background: rgba(255,255,255,0.05); padding: 16px; border-radius: 8px; margin-bottom: 24px; line-height: 1.6;">
    <p><strong>Ophaallocatie:</strong> <span id="pickup">-</span></p>
    <p><strong>Bestemming:</strong> <span id="dropoff">-</span></p>
    <p><strong>Datum:</strong> <span id="date">-</span></p>
    <p><strong>Tijd:</strong> <span id="time">-</span></p>
    <p><strong>Prijs:</strong> €<span id="price">-</span></p>
  </div>

  <form id="requestForm" action="https://formspree.io/f/xpwpgzaz" method="POST">
    <input type="text" name="name" required placeholder="Naam" style="width: 100%; padding: 14px; font-size: 14px; margin-bottom: 12px; border: none; border-radius: 8px; background: rgba(0,0,0,0.3); color: white;" />
    <input type="tel" name="phone" required placeholder="Telefoonnummer" style="width: 100%; padding: 14px; font-size: 14px; margin-bottom: 12px; border: none; border-radius: 8px; background: rgba(0,0,0,0.3); color: white;" />
    <input type="email" name="email" required placeholder="E-mailadres" style="width: 100%; padding: 14px; font-size: 14px; margin-bottom: 12px; border: none; border-radius: 8px; background: rgba(0,0,0,0.3); color: white;" />
    <textarea name="message" placeholder="Extra opmerking (optioneel)" rows="3" style="width: 100%; padding: 14px; font-size: 14px; margin-bottom: 16px; border: none; border-radius: 8px; background: rgba(0,0,0,0.3); color: white;"></textarea>
    <button type="submit" style="width: 100%; padding: 14px; font-size: 14px; font-weight: 600; background-color: #4ade80; color: black; border: none; border-radius: 8px;">Verstuur aanvraag</button>
  </form>

  <div id="confirmation" style="display: none; margin-top: 24px;">
    <p style="background: #d1fae5; color: #065f46; padding: 14px; border-radius: 8px;">Aanvraag verstuurd!</p>
    <p style="font-weight: 500; margin: 20px 0 10px;">Kies je betaalmethode:</p>
    <a href="#" id="mollieBtn" style="display: block; text-align: center; background-color:#00d0a0; color:white; padding: 14px; font-weight: 600; border-radius: 8px; margin-bottom: 12px; text-decoration: none;">Betaal met Mollie</a>
    <a href="#" id="paypalBtn" style="display: block; text-align: center; background-color:#003087; color:white; padding: 14px; font-weight: 600; border-radius: 8px; text-decoration: none;">Betaal met PayPal</a>
  </div>
</div>

<script>
  const urlParams = new URLSearchParams(window.location.search);
  const pickup = urlParams.get('pickup') || '-';
  const dropoff = urlParams.get('dropoff') || '-';
  const date = urlParams.get('date') || '-';
  const time = urlParams.get('time') || '-';
  const price = urlParams.get('price') || '-';

  document.getElementById("pickup").textContent = pickup;
  document.getElementById("dropoff").textContent = dropoff;
  document.getElementById("date").textContent = date;
  document.getElementById("time").textContent = time;
  document.getElementById("price").textContent = price;

  document.getElementById("mollieBtn").href = `https://www.mollie.com/nl/`;
  document.getElementById("paypalBtn").href = `https://www.paypal.com/paypalme/yourusername/${price}`;

  document.getElementById("requestForm").addEventListener("submit", function(e) {
    e.preventDefault();
    const form = e.target;

    fetch(form.action, {
      method: "POST",
      body: new FormData(form),
      headers: { 'Accept': 'application/json' }
    }).then(response => {
      if (response.ok) {
        form.style.display = "none";
        document.getElementById("confirmation").style.display = "block";
      } else {
        alert("Versturen mislukt. Probeer het opnieuw.");
      }
    });
  });
</script>


Ride EQ

Experience our professional taxi service, offering local rides, airport transfers, and long-distance journeys. Always smart, always EQ.

Raleway

Hind

Poppins

Cabin

<p>This website uses cookies to enhance user experience and analyze website traffic.<br />By clicking “Accept”, you consent to the use of cookies in accordance with our Privacy Policy.</p>