From 93af829b4daf5b7d51fd0319db4fcbf892b19d19 Mon Sep 17 00:00:00 2001
From: candice <candice@hainatravel.com>
Date: Thu, 18 Jan 2024 15:48:50 +0800
Subject: [PATCH] 11

---
 .../views/mobile_first/ah-info-page-form.php  | 20 +++------
 .../views/mobile_first/ah-inquiry-form.php    | 43 ++++++++++---------
 2 files changed, 30 insertions(+), 33 deletions(-)

diff --git a/application/views/mobile_first/ah-info-page-form.php b/application/views/mobile_first/ah-info-page-form.php
index 3fe7af69..8fb1e8e0 100644
--- a/application/views/mobile_first/ah-info-page-form.php
+++ b/application/views/mobile_first/ah-info-page-form.php
@@ -281,13 +281,7 @@
                                     <option value="Dec. 2026">Dec. 2026</option>
                                 </select>
                   </div>
-                  <div class="peopleSelect">
-                    <div class="numberBtn">
-                      <input class="minaddBtn" id="tripLengthMinus" type="button" value="-">
-                      <input class="number" type="text" value="14" id="tripLengthNumber" name="trip_length">
-                      <input class="minaddBtn" id="tripLengthPlus" type="button" value="+">
-                    </div>
-                            </div>
+
               </div>
     
                         </div>
@@ -602,7 +596,7 @@
     <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", {
@@ -613,8 +607,8 @@
             minDate: "today"
         });
     
-        var quick_inquiry_button = document.getElementById("info_page_button");
-        var quick_inquiry_form = document.getElementById("info_page_form");
+        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();
@@ -681,11 +675,11 @@
             tripDate_is_checked = true;
           }
     
-                //时间选择
-                if (!tripDate_is_checked) {
+          //时间选择
+          if (!tripDate_is_checked) {
             startingDateErrEl.style.display = '';
             result = false;
-                }
+          }
     
         if (realnameVal === '') {
             realnameErrEl.style.display = '';
diff --git a/application/views/mobile_first/ah-inquiry-form.php b/application/views/mobile_first/ah-inquiry-form.php
index 9d75ed93..77458318 100644
--- a/application/views/mobile_first/ah-inquiry-form.php
+++ b/application/views/mobile_first/ah-inquiry-form.php
@@ -229,38 +229,39 @@
                             </div>                         
                         </div>
 
-                        <div class="selectionBlock">
-                            <h4 style="margin-top: 0; margin-bottom: 0;">
-                                When would you travel?
-                            </h4>
-                            <div id="date_error_msg" style="display: none">
+                        <div class="selectionBlock" style="margin-bottom: 10px;">
+                            <p style="    margin-top: 10px;
+                            margin-bottom: 0;"><strong>
+                        When would you travel?
+                                </strong></p>
+                                <div id="date_error_msg" style="display: none">
                                 <div class="requiredArea" style="margin-top:-10px;">Select your travel data.</div>
                             </div>
-                            <div class="travel_group date_select">
+                            <div class="travel_group date_select" >
                                 <input type="radio" value="exact dates" id="exact" name="trip_date">
-                                <label for="exact" class="family">
+                                <label for="exact" class="updatedestination" style="font-size: 18px;">
                                     Exact dates
                                 </label>
                             </div>
-                            <div class="travel_group date_select">
+                            <div class="travel_group date_select" >
                                 <input type="radio" value="approximate dates" id="approximate" name="trip_date">
-                                <label for="approximate" class="couple">
+                                <label for="approximate" class="updatedestination" style="font-size: 18px;">
                                     Approximate dates
                                 </label>
                             </div>
-                            <div class="travel_group date_select">
+                            <div class="travel_group date_select" >
                                 <input type="radio" value="Undecided dates" id="yet" name="trip_date">
-                                <label for="yet" class="solo">
+                                <label for="yet" class="updatedestination" style="font-size: 18px;">
                                     Undecided dates
                                 </label>
                             </div>
-                            <div class="trip_date_length" id="tripDateBlock" style="display: none">
-                                
-                                <div id="dateSelectionBlock">
-                                  <div id='flatpickrBlock'>
-                                    <input class="InquiryCalendar datepicker" id="starting_date" name="date_start" placeholder="Select your exact travel date." readonly="readonly" type="text" value="" />
-                                  </div>
-                                  <select class="country_code" id="expectedMonth" name="expected_month" style="margin-top: 15px;">
+                            
+                <div class="trip_date_length" id="tripDateBlock" style="display: none">
+                             
+                  <div id='dateSelectionBlock'>
+                  <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;">            
+                 <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>
                                     <option value="Feb. 2024">Feb. 2024</option>
@@ -301,8 +302,10 @@
                                     <option value="Nov. 2026">Nov. 2026</option>
                                     <option value="Dec. 2026">Dec. 2026</option>
                                 </select>
-                                </div>
-                            </div>
+                  </div>
+
+              </div>
+    
                         </div>
         <input class="FullName" id="realname" name="name" placeholder="Your name *" required="" type="text" value="" />
     <div id="realname_errmsg" style="display: none">