{"id":7,"date":"2021-06-02T15:25:08","date_gmt":"2021-06-02T15:25:08","guid":{"rendered":"https:\/\/dzp.co.za\/?page_id=7"},"modified":"2026-07-08T14:02:55","modified_gmt":"2026-07-08T12:02:55","slug":"bookings","status":"publish","type":"page","link":"https:\/\/dzp.co.za\/?page_id=7","title":{"rendered":"DZP Booking Form"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"wp-block-contact-form-7-contact-form-selector\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f5887-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"5887\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F7#wpcf7-f5887-o1\" method=\"post\" class=\"wpcf7-form init cf7skins cf7s-vanilla\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"5887\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f5887-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7cf_hidden_group_fields\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_hidden_groups\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_visible_groups\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_repeaters\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_steps\" value=\"{}\" \/><input type=\"hidden\" name=\"_wpcf7cf_options\" value=\"{&quot;form_id&quot;:5887,&quot;conditions&quot;:[{&quot;then_field&quot;:&quot;continue&quot;,&quot;and_rules&quot;:[{&quot;if_field&quot;:&quot;support-type&quot;,&quot;operator&quot;:&quot;equals&quot;,&quot;if_value&quot;:&quot;Yes&quot;}]}],&quot;settings&quot;:{&quot;animation&quot;:&quot;yes&quot;,&quot;animation_intime&quot;:&quot;200&quot;,&quot;animation_outtime&quot;:&quot;200&quot;,&quot;conditions_ui&quot;:&quot;normal&quot;,&quot;notice_dismissed&quot;:&quot;&quot;,&quot;repeater_remove_button&quot;:&quot;bottom&quot;}}\" \/>\n<\/fieldset>\n<div class=\"uacf7-form-wrapper-container uacf7-form-5887  \"><!-- STEP 1: TRAVEL DATES & PRICING -->\n<div class=\"form-section\">\n  <h3 style=\"margin-top: 0; border-bottom: 2px solid #0056b3; padding-bottom: 5px; color: #0056b3;\">1. Travel Details<\/h3>\n  \n  <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-bottom: 15px;\">\n    <div>\n      <label style=\"font-weight: bold; display: block; margin-bottom: 5px;\">Departure Date <span style=\"color:red;\">*<\/span><\/label>\n      <span class=\"wpcf7-form-control-wrap\" data-name=\"depart\"><input class=\"wpcf7-form-control wpcf7-date wpcf7-validates-as-required wpcf7-validates-as-date\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"date\" name=\"depart\" \/><\/span>\n    <\/div>\n   <div>\n      <label style=\"font-weight: bold; display: block; margin-bottom: 5px;\">Drop Car Time <span style=\"color:red;\">*<\/span><\/label>\n      <input type=\"time\" id=\"drop-time\" name=\"drop-time\" style=\"width: 100%; padding: 6px; border: 1px solid #ccc; border-radius: 4px;\">\n    <\/div>\n\n  <\/div>\n\n  <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-bottom: 20px;\">\n    <div>\n      <label style=\"font-weight: bold; display: block; margin-bottom: 5px;\">Return Arrival Date <span style=\"color:red;\">*<\/span><\/label>\n      <span class=\"wpcf7-form-control-wrap\" data-name=\"return\"><input class=\"wpcf7-form-control wpcf7-date wpcf7-validates-as-required wpcf7-validates-as-date\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"date\" name=\"return\" \/><\/span>\n    <\/div>\n   <div>\n      <label style=\"font-weight: bold; display: block; margin-bottom: 20px;\">Return Flight Arrival Time <span style=\"color:red;\">*<\/span><\/label>\n      <input type=\"time\" id=\"landing-time\" name=\"landing-time\" style=\"width: 100%; padding: 6px; border: 1px solid #ccc; border-radius: 4px;\">\n    <\/div>\n\n  <\/div>\n\n  <!-- Real-time Summary Box -->\n  <div style=\"background: #f8f9fa; border-left: 4px solid #0056b3; padding: 15px; margin-bottom: 25px; border-radius: 4px;\">\n    <p style=\"margin: 0 0 8px 0; font-size: 15px;\">\n      <strong>Duration:<\/strong> <span id=\"display_nights_counter\">0<\/span> Nights\n    <\/p>\n\n    <!-- Live Dynamic Price Display -->\n    <p style=\"margin: 0; font-size: 18px; color: #28a745;\">\n      <strong>Estimated Total:<\/strong> R<span id=\"display_total_price_counter\">0<\/span>\n    <\/p>\n  <\/div>\n<\/div>\n\n<!-- STEP 2: TERMS ACCEPTANCE -->\n<div class=\"form-section\" style=\"margin-bottom: 25px;\">\n  <label style=\"font-weight: bold; display: block; margin-bottom: 5px;\">Proceed booking your Vehicle? <span style=\"color:red;\">*<\/span><\/label>\n  <span class=\"wpcf7-form-control-wrap\" data-name=\"support-type\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"support-type\"><option value=\"\">-- Please Select --<\/option><option value=\"Yes\">Yes<\/option><\/select><\/span>\n<\/div>\n\n<!-- STEP 3: FLIGHT, PERSONAL & VEHICLE DETAILS -->\n<div data-id=\"continue\" data-orig_data_id=\"continue\"  class=\"\" data-class=\"wpcf7cf_group\">\n  <div class=\"form-section\" style=\"margin-bottom: 25px;\">\n    <h3 style=\"border-bottom: 2px solid #0056b3; padding-bottom: 5px; color: #0056b3;\">2. Flight Details<\/h3>\n    <div style=\"margin-bottom: 15px;\">\n      <label style=\"font-weight: bold; display: block; margin-bottom: 5px;\">Your Return Arrival Flight Number <span style=\"color:red;\">*<\/span><\/label>\n      <span class=\"wpcf7-form-control-wrap\" data-name=\"Flight_No\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"e.g., FA201\" value=\"\" type=\"text\" name=\"Flight_No\" \/><\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"form-section\" style=\"margin-bottom: 25px;\">\n    <h3 style=\"border-bottom: 2px solid #0056b3; padding-bottom: 5px; color: #0056b3;\">3. Personal Information<\/h3>\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-bottom: 15px;\">\n      <div>\n        <label style=\"font-weight: bold; display: block; margin-bottom: 5px;\">First Name <span style=\"color:red;\">*<\/span><\/label>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"John\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n      <\/div>\n      <div>\n        <label style=\"font-weight: bold; display: block; margin-bottom: 5px;\">Surname<\/label>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"Surname\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Doe\" value=\"\" type=\"text\" name=\"Surname\" \/><\/span>\n      <\/div>\n    <\/div>\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-bottom: 15px;\">\n      <div>\n        <label style=\"font-weight: bold; display: block; margin-bottom: 5px;\">Cell Number <span style=\"color:red;\">*<\/span><\/label>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"Cellphone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"e.g., 0821234567\" value=\"\" type=\"text\" name=\"Cellphone\" \/><\/span>\n      <\/div>\n      <div>\n        <label style=\"font-weight: bold; display: block; margin-bottom: 5px;\">Email Address <span style=\"color:red;\">*<\/span><\/label>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"john@example.com\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"form-section\" style=\"margin-bottom: 25px;\">\n    <h3 style=\"border-bottom: 2px solid #0056b3; padding-bottom: 5px; color: #0056b3;\">4. Vehicle Information<\/h3>\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-bottom: 15px;\">\n      <div>\n        <label style=\"font-weight: bold; display: block; margin-bottom: 5px;\">Vehicle Make <span style=\"color:red;\">*<\/span><\/label>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"Vehicle_Make\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"e.g., Toyota\" value=\"\" type=\"text\" name=\"Vehicle_Make\" \/><\/span>\n      <\/div>\n      <div>\n        <label style=\"font-weight: bold; display: block; margin-bottom: 5px;\">Vehicle Model<\/label>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"Vehicle_Model\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"e.g., Hilux\" value=\"\" type=\"text\" name=\"Vehicle_Model\" \/><\/span>\n      <\/div>\n    <\/div>\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-bottom: 15px;\">\n      <div>\n        <label style=\"font-weight: bold; display: block; margin-bottom: 5px;\">Vehicle Colour <span style=\"color:red;\">*<\/span><\/label>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"Vehicle_Color\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"e.g., White\" value=\"\" type=\"text\" name=\"Vehicle_Color\" \/><\/span>\n      <\/div>\n      <div>\n        <label style=\"font-weight: bold; display: block; margin-bottom: 5px;\">Registration Number <span style=\"color:red;\">*<\/span><\/label>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"Vehicle_Reg\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"e.g., CA 123-456\" value=\"\" type=\"text\" name=\"Vehicle_Reg\" \/><\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Optional Valet Service -->\n    <div style=\"background: #fdfffe; border: 1px solid #d4edda; padding: 15px; border-radius: 4px; margin-top: 20px;\">\n      <label style=\"font-weight: bold; display: block; margin-bottom: 10px; color: #155724;\">Would you require your vehicle to be cleaned?<\/label>\n      <span class=\"wpcf7-form-control-wrap\" data-name=\"radio-658\"><span class=\"wpcf7-form-control wpcf7-radio\"><span class=\"wpcf7-list-item first\"><label><input type=\"radio\" name=\"radio-658\" value=\"DONT WASH\" checked=\"checked\" \/><span class=\"wpcf7-list-item-label\">DONT WASH<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"radio\" name=\"radio-658\" value=\"Executive Wash (Additional R120)\" \/><span class=\"wpcf7-list-item-label\">Executive Wash (Additional R120)<\/span><\/label><\/span><span class=\"wpcf7-list-item last\"><label><input type=\"radio\" name=\"radio-658\" value=\"Wash &amp; Dry - Outside Only (Additional R70)\" \/><span class=\"wpcf7-list-item-label\">Wash &amp; Dry - Outside Only (Additional R70)<\/span><\/label><\/span><\/span><\/span>\n      \n      <!-- Dynamic Section Total Display -->\n      <div style=\"margin-top: 15px; padding-top: 10px; border-top: 1px dashed #d4edda; font-size: 14px; color: #155724;\">\n        <p style=\"margin: 0 0 5px 0;\">Parking Base Rate: <strong>R<span id=\"wash_section_base_total\">0<\/span><\/strong><\/p>\n        <p style=\"margin: 0 0 5px 0;\">Selected Wash Option: <strong>R<span id=\"wash_section_wash_total\">0<\/span><\/strong><\/p>\n        <p style=\"margin: 0; font-size: 16px; font-weight: bold;\">Final Total Cost: R<span id=\"wash_section_final_total\">0<\/span><\/p>\n      <\/div>\n    <\/div>\n <div>\n        <label style=\"font-weight: bold; display: block; margin-bottom: 5px;\">COMMENTS <span style=\"color:red;\">*<\/span><\/label>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"Comments\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"e.g., Roofrack, Trailer or special instructions\" value=\"\" type=\"text\" name=\"Comments\" \/><\/span>\n      <\/div>\n<\/div>\n\n<!-- SUBMISSION FOOTER -->\n<div style=\"margin-top: 30px; text-align: center;\">\n  <!-- FIXED NATIVE CF7 HIDDEN ELEMENTS CHAIN -->\n  <input class=\"wpcf7-form-control wpcf7-hidden\" value=\"0\" type=\"hidden\" name=\"calculation1\" \/>\n  <input class=\"wpcf7-form-control wpcf7-hidden\" value=\"0\" type=\"hidden\" name=\"base_cost\" \/>\n  <input class=\"wpcf7-form-control wpcf7-hidden\" value=\"0\" type=\"hidden\" name=\"total_cost\" \/>\n  \n  <p style=\"color: #6c757d; font-size: 14px;\">All bookings are instantly confirmed via email to the address provided.<\/p>\n  <input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Confirm Booking\" \/>\n<\/div>\n\n<!-- GLOBAL ATTRIBUTE CALCULATION ENGINE -->\n<script>\n  (function($) {\n    if (!$) return;\n\n    var priceMatrix = {\n      0: 200, 1: 200, 2: 250, 3: 300, 4: 350, 5: 400, 6: 450, 7: 450, 8: 500, 9: 500, 10: 600,\n      11: 600, 12: 600, 13: 600, 14: 700, 15: 700, 16: 700, 17: 700, 18: 700, 19: 700, 20: 700,\n      21: 700, 22: 700, 23: 700, 24: 700, 25: 700, 26: 700, 27: 700, 28: 700, 29: 700, 30: 700,\n      31: 700, 32: 725, 33: 750, 34: 775, 35: 800, 36: 825, 37: 850, 38: 875, 39: 900, 40: 925,\n      41: 950, 42: 975, 43: 1000, 44: 1025, 45: 1050, 46: 1075, 47: 1100, 48: 1125, 49: 1150, 50: 1175,\n      51: 1200, 52: 1225, 53: 1250, 54: 1275, 55: 1300, 56: 1325, 57: 1350, 58: 1375, 59: 1400, 60: 1425,\n      61: 1450, 62: 1475, 63: 1500\n    };\n\n    function runFormCalculations() {\n      var departVal = $('input[name=\"depart\"]').val();\n      var returnVal = $('input[name=\"return\"]').val();\n\n      if (!departVal || !returnVal) return;\n\n      var d1 = new Date(departVal);\n      var d2 = new Date(returnVal);\n      \n      var timeDiff = d2.getTime() - d1.getTime();\n      var nights = Math.ceil(timeDiff \/ (1000 * 3600 * 24));\n      if (nights < 0) nights = 0;\n\n      var basePrice = 0;\n      if (nights <= 63) {\n        basePrice = priceMatrix[nights] || 0;\n      } else {\n        basePrice = 1500 + ((nights - 63) * 25);\n      }\n\n      var washPrice = 0;\n      var $selectedWash = $('input[name=\"radio-658\"]:checked');\n      if ($selectedWash.length) {\n        var numericValue = $selectedWash.val().replace(\/[^0-9]\/g, '');\n        washPrice = parseInt(numericValue) || 0;\n      }\n\n      var finalPrice = basePrice + washPrice;\n\n      $(\"#display_nights_counter\").text(nights);\n      $(\"#display_total_price_counter\").text(basePrice);\n      \n      $(\"#wash_section_base_total\").text(basePrice);\n      $(\"#wash_section_wash_total\").text(washPrice);\n      $(\"#wash_section_final_total\").text(finalPrice);\n\n      \/\/ Map values directly into hidden input elements safely by name properties\n      $('input[name=\"calculation1\"]').val(nights);\n      $('input[name=\"base_cost\"]').val(basePrice);\n      $('input[name=\"total_cost\"]').val(finalPrice);\n    }\n\n    $(document).ready(function() {\n      $(document).on('change input click', 'input[name=\"depart\"], input[name=\"return\"], input[name=\"radio-658\"]', function() {\n        runFormCalculations();\n      });\n\n      $('.wpcf7-form').on('wpcf7cf_show_group wpcf7cf_hide_group', function(e) {\n        runFormCalculations();\n      });\n\n      $(document).on('wpcf7beforesubmit', function() {\n        runFormCalculations();\n      });\n\n      setTimeout(runFormCalculations, 500);\n    });\n\n  })(window.jQuery);\n<\/script><\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":5,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dzp.co.za\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dzp.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dzp.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dzp.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dzp.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":23,"href":"https:\/\/dzp.co.za\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":5889,"href":"https:\/\/dzp.co.za\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/5889"}],"up":[{"embeddable":true,"href":"https:\/\/dzp.co.za\/index.php?rest_route=\/wp\/v2\/pages\/5"}],"wp:attachment":[{"href":"https:\/\/dzp.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}