From cc67d3eac09ff368365aff7a449659dd9f437efe Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Thu, 18 Jan 2024 17:13:40 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=97=A5=E6=9C=9F=E9=9A=90=E8=97=8F;=20?=
 =?UTF-8?q?=E6=8F=90=E4=BA=A4=E6=8C=89=E9=92=AEID?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/mobile_first/ah-info-page-form.php  |  4 +-
 .../views/mobile_first/ah-inquiry-form.php    | 52 +++++++++----------
 .../views/mobile_first/ah-tour-list-form.php  | 38 +++++++-------
 3 files changed, 47 insertions(+), 47 deletions(-)

diff --git a/application/views/mobile_first/ah-info-page-form.php b/application/views/mobile_first/ah-info-page-form.php
index 1f567b4f..642e7d1b 100644
--- a/application/views/mobile_first/ah-info-page-form.php
+++ b/application/views/mobile_first/ah-info-page-form.php
@@ -609,8 +609,8 @@
             minDate: "today"
         });
 
-        var quick_inquiry_button = document.getElementById("quick_inquiry_button");
-        var quick_inquiry_form = document.getElementById("quick_inquiry_form");
+        var quick_inquiry_button = document.getElementById("info_page_button");
+        var quick_inquiry_form = document.getElementById("info_page_form");
 
         quick_inquiry_button.addEventListener('click', function(event) {
             var validateResult = validateQuickInquiryForm();
diff --git a/application/views/mobile_first/ah-inquiry-form.php b/application/views/mobile_first/ah-inquiry-form.php
index 02046f03..872b5e58 100644
--- a/application/views/mobile_first/ah-inquiry-form.php
+++ b/application/views/mobile_first/ah-inquiry-form.php
@@ -1,9 +1,9 @@
 <script src="https://www.recaptcha.net/recaptcha/enterprise.js?render=6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja"></script>
 <div class="tmbottom">
-    <h3 style="text-align: center; font-size: 20px; line-height: 22px;">Inquire now! Your 1:1 travel consultant will reply within 1 working day.</h3>  
+    <h3 style="text-align: center; font-size: 20px; line-height: 22px;">Inquire now! Your 1:1 travel consultant will reply within 1 working day.</h3>
     <form action="/orders/quick_inquiry_save" method="post" novalidate="" id="quick_inquiry_form">
         <textarea id="form_additionalrequirements" name="additional_requirements" placeholder="E.g.: This is a big trip for anniversary, honeymoon, birthday celebration..."></textarea>
-       
+
         <div class="selectionBlock">
             <h4 style="margin-bottom: 0;margin-top: 0;    padding-bottom: 0;">
                 How would you travel?
@@ -71,7 +71,7 @@
                         <option value="27">27</option>
                         <option value="28">28</option>
                         <option value="29">29</option>
-                        <option value="30">30</option>                       
+                        <option value="30">30</option>
                         </select>
                         <p style="
     margin-top: 5px;font-size: 18px;
@@ -110,7 +110,7 @@
                         <option value="27">27</option>
                         <option value="28">28</option>
                         <option value="29">29</option>
-                        <option value="30">30</option>                      
+                        <option value="30">30</option>
                         </select>
                         <p style="
     margin-top: 5px;font-size: 18px;
@@ -149,7 +149,7 @@
                         <option value="27">27</option>
                         <option value="28">28</option>
                         <option value="29">29</option>
-                        <option value="30">30</option>                       
+                        <option value="30">30</option>
                         </select>
                         <p style="
     margin-top: 5px;font-size: 18px;
@@ -226,7 +226,7 @@
                                 <label for="Standard" class="family">
                                     Standard <br>(3-star)
                                 </label>
-                            </div>                         
+                            </div>
                         </div>
 
                         <div class="selectionBlock" style="margin-bottom: 10px;">
@@ -254,13 +254,13 @@
                                     Undecided dates
                                 </label>
                             </div>
-                            
+
                 <div class="trip_date_length" id="tripDateBlock" style="display: none">
-                             
+
                   <div id='dateSelectionBlock'>
                     <div id='date_start_block'>
                   <input type="text" class="arrivalDate datepicker" id="starting_date" name="date_start" value="" placeholder="Select your exact travel date." autocomplete="off" style="width: auto; float: left; margin-right: 15px; height: 30px;
-                  margin-top: 5px;">            
+                  margin-top: 5px;">
                   </div>
                  <select class="country_code" id="expectedMonth" name="expected_month" style="margin-top: 15px;">
 <option value="" disabled selected>Select your approximate travel date.</option>
@@ -306,7 +306,7 @@
                   </div>
 
               </div>
-    
+
                         </div>
         <input class="FullName" id="realname" name="name" placeholder="Your name *" required="" type="text" value="" />
     <div id="realname_errmsg" style="display: none">
@@ -315,11 +315,11 @@
     <input class="EmailAddress" id="email" name="email" placeholder="Email *" required="" type="text" value="" />
     <div id="email_errmsg" style="display: none">
     <div class="requiredArea" style="margin-top:-10px;">Please enter your email.</div>
-    </div>  
+    </div>
     <div id="email_verify_errmsg" style="display: none">
     <div class="requiredArea" style="margin-top:-10px;">Please verify your email.</div>
-    </div>   
-	
+    </div>
+
     <select name="country_code" class="country_code">
 	<option style="font-weight: 600;" value="United States +1">United States&nbsp; &nbsp;+1</option>
     <option style="font-weight: 600;" value="United Kingdom +44">United Kingdom&nbsp; &nbsp;+44</option>
@@ -573,10 +573,10 @@
     <option value="Zimbabwe +263">Zimbabwe&nbsp; &nbsp;+263</option>
     <option value="Åland Islands +385">Åland Islands&nbsp; &nbsp;+35818</option>
 </select>
-    <input class="Inquiryphone" id="PhoneNo" name="PhoneNo" placeholder="Phone number *" type="tel" value="" /> 
+    <input class="Inquiryphone" id="PhoneNo" name="PhoneNo" placeholder="Phone number *" type="tel" value="" />
     <div id="contact_errmsg" style="display: none">
         <div class="requiredArea" style="margin-top:-10px;">Please enter your phone number.</div> </div>
-    
+
 <p style="
 margin-top: 0;
 margin-bottom: 10px;
@@ -593,7 +593,7 @@ margin-bottom: 10px;
 <div class="checkYes">
     <input type="checkbox" value="yes" name="contact_via_phone_call" id="Phone" class="checkBorder" >
     <label for="Phone">Phone call</label>
-</div> 
+</div>
 <div class="checkYes">
     <input type="checkbox" value="yes" name="contact_via_email" id="Email" class="checkBorder" >
     <label for="Email">Email</label>
@@ -601,16 +601,16 @@ margin-bottom: 10px;
 <div class="checkYes">
     <input type="checkbox" value="yes" name="contact_via_video_appointment" id="Video" class="checkBorder" >
     <label for="Video">Video appointment</label>
-</div> 
-   
-    <button class="sendButton" id="quick_inquiry_button" name="quick_inquiry_button" type="button">Inquire Now</button> <input name="product_code" type="hidden" value="<?php echo $meta_product_code; ?>"/> 
+</div>
+
+    <button class="sendButton" id="quick_inquiry_button" name="quick_inquiry_button" type="button">Inquire Now</button> <input name="product_code" type="hidden" value="<?php echo $meta_product_code; ?>"/>
     <input name="itinerary" type="hidden" value="<?php echo $information->ic_title; ?>" />
     </form>
 </div>
 
 <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", {
@@ -623,7 +623,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
     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) {
@@ -642,7 +642,7 @@ document.addEventListener('DOMContentLoaded', () => {
               quick_inquiry_button.innerText = "Submitted successfully";
             });
           }
-        }  
+        }
     });
 });
 
@@ -717,7 +717,7 @@ function validateQuickInquiryForm() {
 }
 </script>
 <script>
-  
+
 	$(function () {
     var $adultBlock = $('#adultBlock');
     var $childrenBlock = $('#childrenBlock');
@@ -735,11 +735,11 @@ function validateQuickInquiryForm() {
 		});
 
     var $tripDateBlock = $('#tripDateBlock');
-    var $expectedDate = $('#flatpickrBlock');
+    var $expectedDate = $('#date_start_block');
     var $expectedMonth = $('#expectedMonth');
     var $dateSelectionBlock = $('#dateSelectionBlock');
     var $tripDateTip = $('#trip_date_tip');
-    
+
     $('input[name="trip_date"]').each((i, tripDateEle) => {
 			$(tripDateEle).click(function (e) {
         $expectedDate.val('');
@@ -787,4 +787,4 @@ function validateQuickInquiryForm() {
   $("#email").mailAutoComplete({
     email: ['gmail.com','outlook.com','yahoo.com','icloud.com','hotmail.com','live.com','aol.com']
   });
-</script>
\ No newline at end of file
+</script>
diff --git a/application/views/mobile_first/ah-tour-list-form.php b/application/views/mobile_first/ah-tour-list-form.php
index cbe75c6d..eb0fae80 100644
--- a/application/views/mobile_first/ah-tour-list-form.php
+++ b/application/views/mobile_first/ah-tour-list-form.php
@@ -78,7 +78,7 @@
                         <option value="27">27</option>
                         <option value="28">28</option>
                         <option value="29">29</option>
-                        <option value="30">30</option>                       
+                        <option value="30">30</option>
                         </select>
                         <p style="
     margin-top: 5px;font-size: 18px;
@@ -117,7 +117,7 @@
                         <option value="27">27</option>
                         <option value="28">28</option>
                         <option value="29">29</option>
-                        <option value="30">30</option>                      
+                        <option value="30">30</option>
                         </select>
                         <p style="
     margin-top: 5px;font-size: 18px;
@@ -156,7 +156,7 @@
                         <option value="27">27</option>
                         <option value="28">28</option>
                         <option value="29">29</option>
-                        <option value="30">30</option>                       
+                        <option value="30">30</option>
                         </select>
                         <p style="
     margin-top: 5px;font-size: 18px;
@@ -238,14 +238,14 @@
                   Undecided dates
               </label>
           </div>
-          
+
 <div class="trip_date_length" id="tripDateBlock" style="display: none">
-           
+
 <div id='dateSelectionBlock'>
 <div id='date_start_block'>
                   <input type="text" class="arrivalDate datepicker" id="starting_date" name="date_start" value="" placeholder="Select your exact travel date." autocomplete="off" style="width: auto; float: left; margin-right: 15px; height: 30px;
-                  margin-top: 5px;">            
-                  </div>         
+                  margin-top: 5px;">
+                  </div>
 <select class="country_code" id="expectedMonth" name="expected_month" style="margin-top: 15px;">
 <option value="" disabled selected>Select your approximate travel date.</option>
                   <option value="Jan. 2024">Jan. 2024</option>
@@ -306,7 +306,7 @@
 				<div id="email_verify_errmsg" style="display: none">
 					<div class="requiredArea" style="margin-top:-10px;">Please verify your email</div>
 				</div>
-				
+
 				<select name="country_code" class="country_code">
 				<option style="font-weight: 600;" value="United States +1">United States&nbsp; &nbsp;+1</option>
     <option style="font-weight: 600;" value="United Kingdom +44">United Kingdom&nbsp; &nbsp;+44</option>
@@ -599,7 +599,7 @@
 			</form>
 			<!--
 <h3 style="text-align: center;    font-size: 20px;    line-height: 22px;">For a quick conversation, simply reach us via WhatsApp:</h3>
-    
+
     <div class="contactwechat"><img alt="asia highlights' wechat code" height="100px" src="https://data.asiahighlights.com/image/about/asia-highlights-whatsapp-code.jpg" width="100px" />
     <div class="wechatinfo"><span class="wechatred">+8615807734776</span><br />
     Email: <span class="wechatred">contact@asiahighlights.com</span></div>
@@ -611,7 +611,7 @@
 
 <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", {
@@ -622,9 +622,9 @@ document.addEventListener('DOMContentLoaded', () => {
         minDate: "today"
     });
 
-    var quick_inquiry_button = document.getElementById("quick_inquiry_button");
-    var quick_inquiry_form = document.getElementById("quick_inquiry_form");
-    
+    var quick_inquiry_button = document.getElementById("tour_list_button");
+    var quick_inquiry_form = document.getElementById("tour_list_form");
+
     quick_inquiry_button.addEventListener('click', function(event) {
         var validateResult = validateQuickInquiryForm();
         if (validateResult) {
@@ -643,7 +643,7 @@ document.addEventListener('DOMContentLoaded', () => {
               quick_inquiry_button.innerText = "Submitted successfully";
             });
           }
-        }  
+        }
     });
 });
 
@@ -718,7 +718,7 @@ function validateQuickInquiryForm() {
 }
 </script>
 <script>
-  
+
 	$(function () {
         	var $adultBlock = $('#adultBlock');
     var $childrenBlock = $('#childrenBlock');
@@ -732,7 +732,7 @@ function validateQuickInquiryForm() {
     var infantNumber = $infantNumberInput.val();
     $('input[name="travel_group"]').each((i, groupEle) => {
 			$(groupEle).click(function (e) {
-        
+
         $teenagerNumberInput.val(0);
         $childrenNumberInput.val(0);
         $infantNumberInput.val(0);
@@ -758,7 +758,7 @@ function validateQuickInquiryForm() {
     var $expectedMonth = $('#expectedMonth');
     var $dateSelectionBlock = $('#dateSelectionBlock');
     var $tripDateTip = $('#trip_date_tip');
-    
+
     $('input[name="trip_date"]').each((i, tripDateEle) => {
 			$(tripDateEle).click(function (e) {
         $expectedDate.val('');
@@ -793,7 +793,7 @@ function validateQuickInquiryForm() {
 				adultNumber--;
 				$adultNumberInput.val(adultNumber);
 			}
-		});    
+		});
     // 青少年
     $('#plusTeenager').click(function () {
 			teenagerNumber++;
@@ -835,4 +835,4 @@ function validateQuickInquiryForm() {
       .date_select {width: 47% !important;}
     .date_select label {font-size:17px !important;}
 		}
-				</style>
\ No newline at end of file
+				</style>