{"id":762,"date":"2026-01-30T02:55:56","date_gmt":"2026-01-30T02:55:56","guid":{"rendered":"https:\/\/hmtechsolution.com\/carbooking\/?page_id=762"},"modified":"2026-01-30T03:46:18","modified_gmt":"2026-01-30T03:46:18","slug":"book-a-car","status":"publish","type":"page","link":"https:\/\/hmtechsolution.com\/carbooking\/book-a-car\/","title":{"rendered":"Book a Car"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"762\" class=\"elementor elementor-762\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62bac57 e-flex e-con-boxed e-con e-parent\" data-id=\"62bac57\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37681f2 elementor-widget__width-initial elementor-widget-laptop__width-inherit elementor-widget elementor-widget-heading\" data-id=\"37681f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Book A Car<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a94ab7 elementor-widget__width-initial elementor-widget-laptop__width-inherit elementor-widget elementor-widget-heading\" data-id=\"8a94ab7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Your Trusted Car Booking Partner<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bef41de e-flex e-con-boxed e-con e-parent\" data-id=\"bef41de\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bead290 e-con-full e-flex e-con e-child\" data-id=\"bead290\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90e3f48 elementor-widget elementor-widget-image\" data-id=\"90e3f48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"574\" height=\"1024\" src=\"https:\/\/hmtechsolution.com\/carbooking\/wp-content\/uploads\/2026\/01\/4397293.jpg\" class=\"attachment-large size-large wp-image-856\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-482efc7 e-con-full e-flex e-con e-child\" data-id=\"482efc7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3007cce elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3007cce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n  <style>\r\n   \r\n    .car-booking-container {\r\n   \r\n      background: white;\r\n      border-radius: 12px;\r\n      box-shadow: 0 6px 24px rgba(0,0,0,0.08);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .car-booking-progress-bar {\r\n      background: #0f172a;\r\n      padding: 24px 30px;\r\n      display: flex;\r\n      position: relative;\r\n    }\r\n\r\n    .car-booking-step {\r\n      flex: 1;\r\n      text-align: center;\r\n      position: relative;\r\n      color: #94a3b8;\r\n      font-size: 0.95rem;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .car-booking-step.active {\r\n      color: #facc15;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .car-booking-step.completed {\r\n      color: #eab308;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .car-booking-step:not(:last-child)::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 21px;\r\n      left: 50%;\r\n      right: -50%;\r\n      height: 3px;\r\n      background: #334155;\r\n      z-index: 1;\r\n    }\r\n\r\n    .car-booking-step.completed:not(:last-child)::after,\r\n    .car-booking-step.active:not(:last-child)::after {\r\n      background: #facc15;\r\n    }\r\n\r\n    .car-booking-step-circle {\r\n      width: 44px;\r\n      height: 44px;\r\n      background: #334155;\r\n      color: white;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin: 0 auto 10px;\r\n      font-weight: 600;\r\n      font-size: 1.15rem;\r\n      border: 3px solid #0f172a;\r\n      position: relative;\r\n      z-index: 2;\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    .car-booking-step.active .car-booking-step-circle {\r\n      background: #facc15;\r\n      color: #0f172a;\r\n      border-color: #eab308;\r\n      box-shadow: 0 0 0 6px rgba(250,204,21,0.25);\r\n    }\r\n\r\n    .car-booking-step.completed .car-booking-step-circle {\r\n      background: #eab308;\r\n      color: #0f172a;\r\n      border-color: #ca8a04;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 FORM \u2500\u2500\u2500 *\/\r\n    .car-booking-form-step {\r\n      padding: 32px 28px;\r\n      display: none;\r\n    }\r\n\r\n    .car-booking-form-step.active {\r\n      display: block;\r\n    }\r\n\r\n    .car-booking-h1 {\r\n      font-size: 1.85rem;\r\n      margin-bottom: 0.7rem;\r\n      color: #111827;\r\n    }\r\n\r\n    .car-booking-subtitle {\r\n      color: #6b7280;\r\n      margin-bottom: 1.8rem;\r\n      font-size: 0.98rem;\r\n    }\r\n\r\n    .car-booking-form-group {\r\n      margin-bottom: 1.4rem;\r\n    }\r\n\r\n    .car-booking-label {\r\n      display: block;\r\n      margin-bottom: 6px;\r\n      font-weight: 500;\r\n      color: #374151;\r\n      font-size: 0.96rem;\r\n    }\r\n\r\n    .car-booking-input,\r\n    .car-booking-select {\r\n      width: 100%;\r\n      padding: 12px 14px;\r\n      border: 1px solid #d1d5db;\r\n      border-radius: 6px;\r\n      font-size: 1rem;\r\n      transition: border-color 0.2s;\r\n    }\r\n\r\n    .car-booking-input:focus,\r\n    .car-booking-select:focus {\r\n      border-color: #facc15;\r\n      outline: none;\r\n      box-shadow: 0 0 0 3px rgba(250,204,21,0.15);\r\n    }\r\n\r\n    .car-booking-coupon-group {\r\n      display: flex;\r\n      gap: 10px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .car-booking-coupon-group input {\r\n      flex: 1;\r\n      min-width: 180px;\r\n    }\r\n\r\n    .car-booking-coupon-group button {\r\n      padding: 0 20px;\r\n      background: #6b7280;\r\n      color: white;\r\n      border: none;\r\n      border-radius: 6px;\r\n      cursor: pointer;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .car-booking-coupon-group button:hover {\r\n      background: #4b5563;\r\n    }\r\n\r\n    .car-booking-price-box {\r\n      background: #fefce8;\r\n      border: 1px solid #fde047;\r\n      border-radius: 8px;\r\n      padding: 16px;\r\n      margin: 1.4rem 0;\r\n      font-size: 1.02rem;\r\n    }\r\n\r\n    .car-booking-discount-line {\r\n      color: #15803d;\r\n      font-weight: 500;\r\n      margin-top: 8px;\r\n    }\r\n\r\n    .car-booking-btn-group {\r\n      margin-top: 2.2rem;\r\n      display: flex;\r\n      gap: 16px;\r\n      justify-content: space-between;\r\n    }\r\n\r\n    .car-booking-button {\r\n      padding: 13px 32px;\r\n      border: none;\r\n      border-radius: 8px;\r\n      font-size: 1.02rem;\r\n      font-weight: 600;\r\n      cursor: pointer;\r\n      min-width: 150px;\r\n      transition: all 0.2s;\r\n    }\r\n\r\n    .car-booking-btn-back {\r\n      background: #e5e7eb;\r\n      color: #4b5563;\r\n    }\r\n\r\n    .car-booking-btn-next,\r\n    .car-booking-btn-confirm {\r\n      background: #0f172a;\r\n      color: white;\r\n    }\r\n\r\n    .car-booking-btn-back:hover {\r\n      background: #d1d5db;\r\n    }\r\n\r\n    .car-booking-btn-next:hover,\r\n    .car-booking-btn-confirm:hover {\r\n      background: #1e293b;\r\n      transform: translateY(-1px);\r\n    }\r\n\r\n    .car-booking-summary-box {\r\n      background: #f8fafc;\r\n      padding: 22px;\r\n      border-radius: 10px;\r\n      margin: 1.6rem 0;\r\n      border: 1px solid #e5e7eb;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .car-booking-summary-total {\r\n      font-size: 1.22rem;\r\n      font-weight: 700;\r\n      color: #111827;\r\n      margin-top: 16px;\r\n      padding-top: 16px;\r\n      border-top: 1px solid #e5e7eb;\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n      .car-booking-btn-group { flex-direction: column; gap: 12px; }\r\n      .car-booking-button { width: 100%; min-width: auto; }\r\n      .car-booking-coupon-group { flex-direction: column; }\r\n      .car-booking-form-step { padding: 16px; }\r\n      .car-booking-progress-bar { padding: 16px 8px; }\r\n      .car-booking-h1 {\r\n    font-size: 22px;\r\n    margin-bottom: 0.7rem;\r\n    color: #111827;\r\n}\r\n.car-booking-coupon-group button {\r\n    padding: 0 20px;\r\n    background: #6b7280;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 6px;\r\n    cursor: pointer;\r\n    font-weight: 500;\r\n    padding: 12px;\r\n}\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"car-booking-container\">\r\n\r\n  <div class=\"car-booking-progress-bar\">\r\n    <div class=\"car-booking-step active\" data-step=\"1\">\r\n      <div class=\"car-booking-step-circle\">1<\/div>\r\n      Booking\r\n    <\/div>\r\n    <div class=\"car-booking-step\" data-step=\"2\">\r\n      <div class=\"car-booking-step-circle\">2<\/div>\r\n      Info\r\n    <\/div>\r\n    <div class=\"car-booking-step\" data-step=\"3\">\r\n      <div class=\"car-booking-step-circle\">3<\/div>\r\n      Confirmation\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- STEP 1 -->\r\n  <div class=\"car-booking-form-step active\" id=\"step1\">\r\n    <h1 class=\"car-booking-h1\">Vehicle & Travel Details<\/h1>\r\n    <div class=\"car-booking-subtitle\">Select your preferred vehicle and travel dates<\/div>\r\n\r\n    <div class=\"car-booking-form-group\">\r\n      <label class=\"car-booking-label\">Vehicle Category *<\/label>\r\n      <select class=\"car-booking-select\" id=\"carType\" required onchange=\"updatePricePreview()\">\r\n        <option value=\"\">Select category<\/option>\r\n        <option value=\"economy\">Economy \u2013 PKR 6,500\/day<\/option>\r\n        <option value=\"sedan\">Sedan \u2013 PKR 8,500\/day<\/option>\r\n        <option value=\"premium\">Premium \u2013 PKR 13,500\/day<\/option>\r\n        <option value=\"suv\">SUV \u2013 PKR 18,000\/day<\/option>\r\n      <\/select>\r\n    <\/div>\r\n\r\n    <div class=\"car-booking-form-group\">\r\n      <label class=\"car-booking-label\">Pickup Date & Time *<\/label>\r\n      <input class=\"car-booking-input\" type=\"datetime-local\" id=\"pickup\" required onchange=\"updatePricePreview()\">\r\n    <\/div>\r\n\r\n    <div class=\"car-booking-form-group\">\r\n      <label class=\"car-booking-label\">Return Date & Time *<\/label>\r\n      <input class=\"car-booking-input\" type=\"datetime-local\" id=\"return\" required onchange=\"updatePricePreview()\">\r\n    <\/div>\r\n\r\n    <div class=\"car-booking-form-group\">\r\n      <label class=\"car-booking-label\">Pickup Location *<\/label>\r\n      <input class=\"car-booking-input\" type=\"text\" id=\"pickupLocation\" placeholder=\"e.g. Karachi Airport, Clifton, Gulshan...\" required>\r\n    <\/div>\r\n\r\n    <div id=\"pricePreview\" class=\"car-booking-price-box\" style=\"display:none;\">\r\n      <strong>Estimated Rental:<\/strong> <span id=\"basePrice\">\u2014<\/span><br>\r\n      <span id=\"discountInfo\" class=\"car-booking-discount-line\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"car-booking-btn-group\">\r\n      <button class=\"car-booking-button car-booking-btn-next\" onclick=\"goToStep(2)\">Continue \u2192<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- STEP 2 -->\r\n  <div class=\"car-booking-form-step\" id=\"step2\">\r\n    <h1 class=\"car-booking-h1\">Information<\/h1>\r\n    <div class=\"car-booking-subtitle\">Customer information<\/div>\r\n\r\n    <div class=\"car-booking-form-group\">\r\n      <label class=\"car-booking-label\">Full Name *<\/label>\r\n      <input class=\"car-booking-input\" type=\"text\" id=\"driverName\" required>\r\n    <\/div>\r\n\r\n    <div class=\"car-booking-form-group\">\r\n      <label class=\"car-booking-label\">Mobile Number *<\/label>\r\n      <input class=\"car-booking-input\" type=\"tel\" id=\"phone\" placeholder=\"+92 3XX XXXXXXX\" required>\r\n    <\/div>\r\n\r\n    <div class=\"car-booking-form-group\">\r\n      <label class=\"car-booking-label\">Email Address *<\/label>\r\n      <input class=\"car-booking-input\" type=\"email\" id=\"email\" required>\r\n    <\/div>\r\n\r\n    <div class=\"car-booking-form-group\">\r\n      <label class=\"car-booking-label\">Promo \/ Coupon Code (optional)<\/label>\r\n      <div class=\"car-booking-coupon-group\">\r\n        <input class=\"car-booking-input\" type=\"text\" id=\"couponCode\" placeholder=\"e.g. WELCOME10\" autocomplete=\"off\">\r\n        <button type=\"button\" onclick=\"applyCoupon()\">Apply<\/button>\r\n      <\/div>\r\n      <small style=\"color:#6b7280; margin-top:6px; display:block;\">Available codes: WELCOME10, FIRSTBOOK, SUMMER25<\/small>\r\n    <\/div>\r\n\r\n    <div class=\"car-booking-btn-group\">\r\n      <button class=\"car-booking-button car-booking-btn-back\" onclick=\"goToStep(1)\">\u2190 Back<\/button>\r\n      <button class=\"car-booking-button car-booking-btn-next\" onclick=\"goToStep(3)\">Review Booking \u2192<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- STEP 3 -->\r\n  <div class=\"car-booking-form-step\" id=\"step3\">\r\n    <h1 class=\"car-booking-h1\">Review & Confirm<\/h1>\r\n    <div class=\"car-booking-subtitle\">Please verify all details before confirming<\/div>\r\n\r\n    <div class=\"car-booking-summary-box\" id=\"summaryContent\"><\/div>\r\n\r\n    <div class=\"car-booking-btn-group\">\r\n      <button class=\"car-booking-button car-booking-btn-back\" onclick=\"goToStep(2)\">\u2190 Edit Details<\/button>\r\n      <button class=\"car-booking-button car-booking-btn-confirm\" onclick=\"sendToWhatsApp()\">Confirm & Send via WhatsApp<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n  let currentStep = 1;\r\n  let appliedDiscount = 0;\r\n  let discountType = 'none';\r\n  let discountCode = '';\r\n\r\n  const baseRates = {\r\n    economy: 6500,\r\n    sedan: 8500,\r\n    premium: 13500,\r\n    suv: 18000\r\n  };\r\n\r\n  const WHATSAPP_NUMBER = \"923001234567\"; \/\/ Change to your real number\r\n\r\n  function calculateDays() {\r\n    const pickupStr = document.getElementById('pickup').value;\r\n    const returnStr  = document.getElementById('return').value;\r\n    if (!pickupStr || !returnStr) return 0;\r\n    const p = new Date(pickupStr);\r\n    const r = new Date(returnStr);\r\n    if (isNaN(p) || isNaN(r) || r <= p) return 0;\r\n    const diffMs = r - p;\r\n    return Math.ceil(diffMs \/ (1000 * 60 * 60 * 24));\r\n  }\r\n\r\n  function formatPrice(amount) {\r\n    return amount.toLocaleString('en-PK', {\r\n      minimumFractionDigits: 0,\r\n      maximumFractionDigits: 0\r\n    });\r\n  }\r\n\r\n  function updatePricePreview() {\r\n    const type = document.getElementById('carType').value;\r\n    const days = calculateDays();\r\n    const previewEl = document.getElementById('pricePreview');\r\n\r\n    if (!type || days < 1) {\r\n      previewEl.style.display = 'none';\r\n      return;\r\n    }\r\n\r\n    const baseDaily = baseRates[type] || 0;\r\n    const subtotal = baseDaily * days;\r\n    let discountAmount = 0;\r\n\r\n    if (discountType === 'percent') {\r\n      discountAmount = Math.round(subtotal * (appliedDiscount \/ 100));\r\n    } else if (discountType === 'fixed') {\r\n      discountAmount = appliedDiscount;\r\n    }\r\n\r\n    const final = subtotal - discountAmount;\r\n\r\n    document.getElementById('basePrice').innerHTML =\r\n      `PKR ${formatPrice(final)} <small>(was PKR ${formatPrice(subtotal)})<\/small>`;\r\n\r\n    document.getElementById('discountInfo').textContent =\r\n      discountAmount > 0 ? `Discount (${discountCode}): -PKR ${formatPrice(discountAmount)}` : '';\r\n\r\n    previewEl.style.display = 'block';\r\n  }\r\n\r\n  function applyCoupon() {\r\n    const code = document.getElementById('couponCode').value.trim().toUpperCase();\r\n    const days = calculateDays();\r\n\r\n    appliedDiscount = 0;\r\n    discountType = 'none';\r\n    discountCode = '';\r\n\r\n    if (code === 'WELCOME10') {\r\n      appliedDiscount = 10;\r\n      discountType = 'percent';\r\n      discountCode = 'WELCOME10';\r\n    } else if (code === 'FIRSTBOOK' && days >= 3) {\r\n      appliedDiscount = 15;\r\n      discountType = 'percent';\r\n      discountCode = 'FIRSTBOOK';\r\n    } else if (code === 'SUMMER25') {\r\n      appliedDiscount = 2500;\r\n      discountType = 'fixed';\r\n      discountCode = 'SUMMER25';\r\n    } else if (code) {\r\n      alert('Invalid or expired coupon code.');\r\n      return;\r\n    }\r\n\r\n    updatePricePreview();\r\n  }\r\n\r\n  function goToStep(target) {\r\n    document.querySelector('.car-booking-form-step.active').classList.remove('active');\r\n    document.getElementById(`step${target}`).classList.add('active');\r\n    currentStep = target;\r\n\r\n    document.querySelectorAll('.car-booking-step').forEach((el, i) => {\r\n      const num = i + 1;\r\n      el.classList.remove('active', 'completed');\r\n      if (num === target) el.classList.add('active');\r\n      if (num < target) el.classList.add('completed');\r\n    });\r\n\r\n    if (target === 3) showSummary();\r\n    updatePricePreview();\r\n  }\r\n\r\n  function showSummary() {\r\n    const days = calculateDays();\r\n    const car = document.getElementById('carType').value || 'Not selected';\r\n    const baseDaily = baseRates[car] || 0;\r\n    const subtotal = baseDaily * days;\r\n\r\n    let discountAmount = 0;\r\n    if (discountType === 'percent') discountAmount = Math.round(subtotal * (appliedDiscount \/ 100));\r\n    if (discountType === 'fixed') discountAmount = appliedDiscount;\r\n\r\n    const finalTotal = subtotal - discountAmount;\r\n\r\n    let html = `\r\n      <strong>Vehicle Category:<\/strong> ${car}<br>\r\n      <strong>Pickup:<\/strong> ${document.getElementById('pickup').value || '\u2014'}<br>\r\n      <strong>Return:<\/strong> ${document.getElementById('return').value || '\u2014'}<br>\r\n      <strong>Duration:<\/strong> ${days} day${days !== 1 ? 's' : ''}<br>\r\n      <strong>Pickup Location:<\/strong> ${document.getElementById('pickupLocation').value || '\u2014'}<br><br>\r\n\r\n      <strong>Driver Name:<\/strong> ${document.getElementById('driverName').value || '\u2014'}<br>\r\n      <strong>Contact:<\/strong> ${document.getElementById('phone').value || '\u2014'} \u2022 ${document.getElementById('email').value || '\u2014'}<br>\r\n    `;\r\n\r\n    if (discountCode) html += `<strong>Promo Code:<\/strong> ${discountCode}<br>`;\r\n\r\n    html += `\r\n      <div class=\"car-booking-summary-total\">\r\n        Estimated Total: PKR ${formatPrice(finalTotal)}\r\n        ${discountAmount > 0 ? `<small style=\"color:#15803d;\"> (saved PKR ${formatPrice(discountAmount)})<\/small>` : ''}\r\n      <\/div>\r\n      <div style=\"margin-top:12px; font-size:0.9rem; color:#6b7280;\">\r\n        Note: Final price may vary. Fuel, tolls, overtime & taxes extra.\r\n      <\/div>\r\n    `;\r\n\r\n    document.getElementById('summaryContent').innerHTML = html;\r\n  }\r\n\r\n  function sendToWhatsApp() {\r\n    const days = calculateDays();\r\n    const car = document.getElementById('carType').value || 'Not selected';\r\n    const baseDaily = baseRates[car] || 0;\r\n    const subtotal = baseDaily * days;\r\n\r\n    let discountAmount = 0;\r\n    if (discountType === 'percent') discountAmount = Math.round(subtotal * (appliedDiscount \/ 100));\r\n    if (discountType === 'fixed') discountAmount = appliedDiscount;\r\n\r\n    const finalTotal = subtotal - discountAmount;\r\n\r\n    const pickup = document.getElementById('pickup').value || 'Not set';\r\n    const returnD = document.getElementById('return').value || 'Not set';\r\n    const location = document.getElementById('pickupLocation').value || 'Not set';\r\n    const driver = document.getElementById('driverName').value || 'Not set';\r\n    const phone = document.getElementById('phone').value || 'Not set';\r\n    const email = document.getElementById('email').value || 'Not set';\r\n    const promo = discountCode ? `Promo code: ${discountCode} (saved PKR ${formatPrice(discountAmount)})` : 'No promo applied';\r\n\r\n    const message =\r\n`New Car Booking Request from Website\r\n\r\nVehicle: ${car}\r\nPickup: ${pickup}\r\nReturn: ${returnD}\r\nDuration: ${days} day(s)\r\nLocation: ${location}\r\n\r\nDriver Name: ${driver}\r\nPhone: ${phone}\r\nEmail: ${email}\r\n\r\n${promo}\r\n\r\nEstimated Total: PKR ${formatPrice(finalTotal)}\r\n\r\nPlease confirm availability and final price.\r\nThank you!`;\r\n\r\n    const encodedMsg = encodeURIComponent(message);\r\n    window.open(`https:\/\/wa.me\/${WHATSAPP_NUMBER}?text=${encodedMsg}`, '_blank');\r\n\r\n    alert(\"Booking details sent to WhatsApp!\\nPlease continue the conversation there.\");\r\n  }\r\n\r\n  \/\/ Live update\r\n  ['carType','pickup','return'].forEach(id => {\r\n    document.getElementById(id).addEventListener('input', updatePricePreview);\r\n  });\r\n\r\n  updatePricePreview();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Book A Car Your Trusted Car Booking Partner 1 Booking 2 Info 3 Confirmation Vehicle &#038; Travel Details Select your preferred vehicle and travel dates Vehicle Category * Select categoryEconomy \u2013 PKR 6,500\/daySedan \u2013 PKR 8,500\/dayPremium \u2013 PKR 13,500\/daySUV \u2013 PKR 18,000\/day Pickup Date &#038; Time * Return Date &#038; Time * Pickup Location * [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-762","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/hmtechsolution.com\/carbooking\/wp-json\/wp\/v2\/pages\/762","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hmtechsolution.com\/carbooking\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hmtechsolution.com\/carbooking\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hmtechsolution.com\/carbooking\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hmtechsolution.com\/carbooking\/wp-json\/wp\/v2\/comments?post=762"}],"version-history":[{"count":97,"href":"https:\/\/hmtechsolution.com\/carbooking\/wp-json\/wp\/v2\/pages\/762\/revisions"}],"predecessor-version":[{"id":862,"href":"https:\/\/hmtechsolution.com\/carbooking\/wp-json\/wp\/v2\/pages\/762\/revisions\/862"}],"wp:attachment":[{"href":"https:\/\/hmtechsolution.com\/carbooking\/wp-json\/wp\/v2\/media?parent=762"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}