From e3abc9bcff28b4cdcc193e2d95234a299713446f Mon Sep 17 00:00:00 2001
From: candice <candice@hainatravel.com>
Date: Tue, 30 Jan 2024 11:23:30 +0800
Subject: [PATCH] =?UTF-8?q?JS=E4=BF=AE=E6=94=B9=EF=BC=8C=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E7=BA=BF=E8=B7=AF=E9=A1=B5=E9=9D=A2=E8=A1=A8=E5=8D=95JS?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/mobile_first/ch-info-page-form.php  | 352 ++++++------------
 1 file changed, 108 insertions(+), 244 deletions(-)

diff --git a/application/views/mobile_first/ch-info-page-form.php b/application/views/mobile_first/ch-info-page-form.php
index e5fad010..7ba8cec1 100644
--- a/application/views/mobile_first/ch-info-page-form.php
+++ b/application/views/mobile_first/ch-info-page-form.php
@@ -429,257 +429,121 @@
         -->
 </div>
 </div>
- <script src="https://www.recaptcha.net/recaptcha/enterprise.js?render=6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja"></script>
-    <script src="https://data.asiahighlights.com/min/?f=/js/jquery-1.8.2.min.js,/js/flatpickr-4.6.1.min.js"></script>
-    <script>
-      
-      var selectedExpectedDate = '';
-    document.addEventListener('DOMContentLoaded', () => {
-        flatpickr("#starting_date", {
-            dateFormat: "Y-m-d",
-            altInput: true,
-            altFormat: "F j, Y",
-            disableMobile: true,
-            minDate: "today"
-        });
-    
-        var quick_inquiry_button = document.getElementById("quick_inquiry_button");
-        var quick_inquiry_form = document.getElementById("quick_inquiry_form");
-        
-        quick_inquiry_button.addEventListener('click', function(event) {
-            var validateResult = validateQuickInquiryForm();
-            if (validateResult) {
-              if (typeof(grecaptcha) === "undefined") {
-                console.warn('grecaptcha is disabled.');
-                quick_inquiry_form.submit();
-              } else {
-                grecaptcha.enterprise.ready(async () => {
-                  const token = await grecaptcha.enterprise.execute('6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja', {action: 'ADD_TO_CART'});
-                  var el = document.createElement("input");
-                  el.type = "hidden";
-                  el.name = "__grecaptcha_token__";
-                  el.value = token;
-                  quick_inquiry_form.appendChild(el);
-                  quick_inquiry_form.submit();
-                  quick_inquiry_button.innerText = "Submitted successfully";
-                });
-              }
-            }  
-        });
+<script src="https://www.recaptcha.net/recaptcha/enterprise.js?render=6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja"></script>
+<script src="https://data.chinahighlights.com/js/min.php?f=/js/jquery-1.8.2.min.js,/js/flatpickr-4.6.1.min.js"></script>
+<script>
+function validateQuickInquiryForm() {
+    var result = true;
+    var realnameVal = document.getElementById("realname").value;
+    var emailVal = document.getElementById("email").value;
+    var startingDateVal = document.getElementById("starting_date").value;
+    var phoneVal = document.getElementById("PhoneNo").value;
+
+    var startingDateErrEl = document.getElementById("starting_date_errmsg");
+    var realnameErrEl = document.getElementById("realname_errmsg");
+    var emailErrEl = document.getElementById("email_errmsg");
+    var emailVerifyErrEl = document.getElementById("email_verify_errmsg");
+    var phoneErrEl = document.getElementById("phone_errmsg");
+    var travelGroupErrEl = document.getElementById("group_error_msg");
+
+    if (realnameErrEl) realnameErrEl.style.display = 'none';
+    if (emailErrEl) emailErrEl.style.display = 'none';
+    if (emailVerifyErrEl) emailVerifyErrEl.style.display = 'none';
+    if (startingDateErrEl) startingDateErrEl.style.display = 'none';
+    if (phoneErrEl) phoneErrEl.style.display = 'none';
+    if (travelGroupErrEl) travelGroupErrEl.style.display = 'none';
+
+    var travelGroupList = document.querySelectorAll('input[name="travel_group"]');
+    var travelGroupChecked = false;
+    travelGroupList.forEach(function(groupNode) {
+      if (groupNode.checked) {
+        travelGroupChecked = true;
+      }
     });
-    
-    function validateQuickInquiryForm() {
-        var result = true;
-        var realnameVal = document.getElementById("realname").value;
-        var emailVal = document.getElementById("email").value;
-        var expectedDateVal = document.getElementById("starting_date").value;
-        var expectedMonthVal = document.getElementById("expectedMonth").value;
-        var contactVal = document.getElementById("PhoneNo").value;
-    
-        var realnameErrEl = document.getElementById("realname_errmsg");
-        var emailErrEl = document.getElementById("email_errmsg");
-        var emailVerifyErrEl = document.getElementById("email_verify_errmsg");
-        var startingDateErrEl = document.getElementById("date_error_msg");
-        var contactErrEl = document.getElementById("phone_errmsg");
-        var groupErrEl = document.getElementById("group_error_msg");
-    
-        realnameErrEl.style.display = 'none';
-        emailErrEl.style.display = 'none';
-        emailVerifyErrEl.style.display = 'none';
-        startingDateErrEl.style.display = 'none';
-        contactErrEl.style.display = 'none';
-        groupErrEl.style.display = 'none';
-    
-        var travel_group_is_checked = false;
-        document.querySelectorAll('input[name="travel_group"]').forEach(function(groupNode) {
-          if (groupNode.checked) {
-            travel_group_is_checked = true;
-          }
-        });
-    
-        if (travel_group_is_checked === false) {
-          groupErrEl.style.display = '';
-          result = false;
-        }
-    
-        var tripDate_is_checked = false;
-          if (selectedExpectedDate === 'exact') {
-            tripDate_is_checked = expectedDateVal !== '';
-          } else if (selectedExpectedDate === 'approximate') {
-            tripDate_is_checked = expectedMonthVal !== '';
-          } else if (selectedExpectedDate === 'yet') {
-            tripDate_is_checked = true;
-          }
-    
-                //时间选择
-                if (!tripDate_is_checked) {
-            startingDateErrEl.style.display = '';
-            result = false;
-                }
-    
-        if (realnameVal === '') {
-            realnameErrEl.style.display = '';
-            result = false;
-        }
-        if (emailVal === '') {
-            emailErrEl.style.display = '';
-            result = false;
-        } else {
-            var emailPattern = /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/;
-            if (!emailPattern.test(emailVal)) {
-                emailVerifyErrEl.style.display = '';
-                result = false;
-            }
-        }
-        if (contactVal === '') {
-            contactErrEl.style.display = '';
+
+    if (!travelGroupChecked) {
+      travelGroupErrEl.style.display = '';
+      result = false;
+    }
+
+    if (realnameVal === '') {
+        realnameErrEl.style.display = '';
+        result = false;
+    }
+    if (emailVal === '') {
+        emailErrEl.style.display = '';
+        result = false;
+    } else {
+        var emailPattern = /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/;
+        if (!emailPattern.test(emailVal) && emailVerifyErrEl) {
+            emailVerifyErrEl.style.display = '';
             result = false;
         }
-        return result;
     }
-    </script>
-    <script>
-      
-        $(function () {
-                var $adultBlock = $('#adultBlock');
-        var $childrenBlock = $('#childrenBlock');
-        $('input[name="travel_group"]').each((i, groupEle) => {
-                $(groupEle).click(function (e) {
-    
-                    var currentTarget = e.currentTarget;
-            if (currentTarget.id === 'Family' || currentTarget.id === 'Other' ) {
-              $adultBlock.show();
-              $childrenBlock.show();
-            } else {
-              $adultBlock.show();
-              $childrenBlock.hide();
-            }
-                })
-            });
-    
-            var $tripDateBlock = $('#tripDateBlock');
-    var $expectedMonth = $('#expectedMonth');
-    var $expectedDate = $('#starting_date');
-    var $dateSelectionBlock = $('#dateSelectionBlock');
-    var $flatpickrBlock = $('#flatpickrBlock');
-    $('input[name="trip_date"]').each((i, tripDateEle) => {
-			$(tripDateEle).click(function (e) {
-        $expectedDate.val('');
-        $expectedMonth.val('');
-        $tripDateBlock.show();
-        var selectedTripDate = e.currentTarget;
-        selectedExpectedDate = selectedTripDate.id;
-        if (selectedTripDate.id === 'exact') {
-          $dateSelectionBlock.show();
-          $expectedMonth.hide();
-          $flatpickrBlock.show();
-        } else if (selectedTripDate.id === 'approximate') {
-          $dateSelectionBlock.show();
-          $flatpickrBlock.hide();
-          $expectedMonth.show();
-        } else if (selectedTripDate.id === 'yet') {
-          $dateSelectionBlock.hide();
-          $flatpickrBlock.hide();
-        }
-      })
-    });
+    if (startingDateVal === '') {
+        startingDateErrEl.style.display = '';
+        result = false;
+    }
+    if (phoneVal === '') {
+        phoneErrEl.style.display = '';
+        result = false;
+    }
+    return result;
+}
+document.addEventListener('DOMContentLoaded', () => {
+  flatpickr("#starting_date", {
+    dateFormat: "Y-m-d",
+    altInput: true,
+    altFormat: "F j, Y",
+    disableMobile: true,
+    minDate: "today"
+  });
 
-		var tripLength = $('#tripLengthNumber').val();
+  var quick_inquiry_form = document.getElementById('quick_inquiry_form');
+  var quick_inquiry_button = document.getElementById('quick_inquiry_button');
+  
+  quick_inquiry_button.addEventListener('click', function(evt) {
+    if (validateQuickInquiryForm()) {
+      if (typeof(grecaptcha) === "undefined") {
+        console.warn('grecaptcha is disabled.');
+        quick_inquiry_form.submit();
+      } else {
+        grecaptcha.enterprise.ready(async () => {
+          const token = await grecaptcha.enterprise.execute('6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja', {action: 'ADD_TO_CART'});
+          var el = document.createElement("input");
+          el.type = "hidden";
+          el.name = "__grecaptcha_token__";
+          el.value = token;
+          quick_inquiry_form.appendChild(el);
+          quick_inquiry_form.submit();
+          quick_inquiry_form.innerText = "Submitted successfully";
+        });
+      }
+    }
+  });
+});
 
-      	// Trip Length
-		$('#tripLengthPlus').click(function () {
-			tripLength++;
-			$('#tripLengthNumber').val(tripLength);
-		});
+</script>
+<script>
+  
+  $(function () {
+          var $adultBlock = $('#adultBlock');
+  var $childrenBlock = $('#childrenBlock');
+  $('input[name="travel_group"]').each((i, groupEle) => {
+          $(groupEle).click(function (e) {
 
-		$('#tripLengthMinus').click(function () {
-			if (tripLength > 1) {
-				tripLength--;
-				$('#tripLengthNumber').val(tripLength);
-			}
-		});
-      })
-        </script>
-        <script>
-            // 折叠展开
-            
-              document.querySelectorAll('div[collapse]').forEach(function ($collapseDiv, index) {
-                $collapseDiv.onclick = function (e) {
-                  let collapseStatus = $collapseDiv.getAttribute('collapse-status');
-                  let targetId = $collapseDiv.getAttribute("data-target");
-                  let targetIconId = $collapseDiv.getAttribute("data-target-icon");
-                  let $targetElement = document.getElementById(targetId);
-                  let $targetIcon = document.getElementById(targetIconId);
-                  if (collapseStatus == undefined || collapseStatus == "show") {
-                    $targetIcon.classList.remove("CloseIcon");
-                    $targetIcon.classList.add("OpenIcon");
-                    $collapseDiv.setAttribute("collapse-status", "hide");
-                    slideUp($targetElement);
-                  } else {
-                    $targetIcon.classList.remove("OpenIcon");
-                    $targetIcon.classList.add("CloseIcon");
-                    $collapseDiv.setAttribute("collapse-status", "show");
-                    slideDown($targetElement);
-                  }
-                }
-              });
-              function slideUp(target, duration) {
-                duration = duration ? duration : 500;
-                target.style.transitionProperty = 'height, margin, padding';
-                target.style.transitionDuration = duration + 'ms';
-                target.style.boxSizing = 'border-box';
-                target.style.height = target.offsetHeight + 'px';
-                target.offsetHeight;
-                target.style.overflow = 'hidden';
-                target.style.height = 0;
-                target.style.paddingTop = 0;
-                target.style.paddingBottom = 0;
-                target.style.marginTop = 0;
-                target.style.marginBottom = 0;
-                window.setTimeout(() => {
-                  target.style.display = 'none';
-                  target.style.removeProperty('height');
-                  target.style.removeProperty('padding-top');
-                  target.style.removeProperty('padding-bottom');
-                  target.style.removeProperty('margin-top');
-                  target.style.removeProperty('margin-bottom');
-                  target.style.removeProperty('overflow');
-                  target.style.removeProperty('transition-duration');
-                  target.style.removeProperty('transition-property');
-                }, duration);
-              }
-            
-              function slideDown(target, duration) {
-                duration = duration ? duration : 500;
-                target.style.removeProperty('display');
-                let display = window.getComputedStyle(target).display;
-                if (display === 'none')
-                  display = 'block';
-                target.style.display = display;
-                let height = target.offsetHeight;
-                target.style.overflow = 'hidden';
-                target.style.height = 0;
-                target.style.paddingTop = 0;
-                target.style.paddingBottom = 0;
-                target.style.marginTop = 0;
-                target.style.marginBottom = 0;
-                target.offsetHeight;
-                target.style.boxSizing = 'border-box';
-                target.style.transitionProperty = "height, margin, padding";
-                target.style.transitionDuration = duration + 'ms';
-                target.style.height = height + 'px';
-                target.style.removeProperty('padding-top');
-                target.style.removeProperty('padding-bottom');
-                target.style.removeProperty('margin-top');
-                target.style.removeProperty('margin-bottom');
-                window.setTimeout(() => {
-                  target.style.removeProperty('height');
-                  target.style.removeProperty('overflow');
-                  target.style.removeProperty('transition-duration');
-                  target.style.removeProperty('transition-property');
-                }, duration);
-              }
-            </script>
+              var currentTarget = e.currentTarget;
+      if (currentTarget.id === 'Family' || currentTarget.id === 'Other' ) {
+        $adultBlock.show();
+        $childrenBlock.show();
+      } else {
+        $adultBlock.show();
+        $childrenBlock.hide();
+      }
+          })
+      });
+})
+  </script>
         <style>
     .date_select {width: 27.5% !important; margin-bottom: 10px;}
     .age_range { margin-top: 45px;}