11

application/views/mobile_first/ah-tour-list-form.php

@@ -211,39 +211,38 @@
             </div>
 
         </div>
-				<div class="selectionBlock">
+        <div class="selectionBlock" style="margin-bottom: 10px;">
           <h4>
       When would you travel?
           </h4>
               <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">
-						<input type="radio" value="Undecided dates  " id="yet" name="trip_date">
-						<label for="yet" class="solo">
+          <div class="travel_group date_select" >
+              <input type="radio" value="Undecided dates" id="yet" name="trip_date">
+              <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>
-							<input type="month" id="expectedMonth" name="expected_month" placeholder="Select your exact travel date.">
-              <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>
@@ -284,8 +283,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="" />
@@ -617,25 +618,25 @@ document.addEventListener('DOMContentLoaded', () => {
         minDate: "today"
     });
 
-    var tour_list_button = document.getElementById("tour_list_button");
-		var tour_list_form = document.getElementById("tour_list_form");
+    var quick_inquiry_button = document.getElementById("quick_inquiry_button");
+    var quick_inquiry_form = document.getElementById("quick_inquiry_form");
     
-		tour_list_button.addEventListener('click', function (event) {
+    quick_inquiry_button.addEventListener('click', function(event) {
         var validateResult = validateQuickInquiryForm();
         if (validateResult) {
-				if (typeof (grecaptcha) === "undefined") {
+          if (typeof(grecaptcha) === "undefined") {
             console.warn('grecaptcha is disabled.');
-					tour_list_form.submit();
+            quick_inquiry_form.submit();
           } else {
             grecaptcha.enterprise.ready(async () => {
-						const token = await grecaptcha.enterprise.execute('6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja', { action: 'ADD_TO_CART' });
+              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;
-						tour_list_form.appendChild(el);
-						tour_list_form.submit();
-						tour_list_button.innerText = "Submitted successfully";
+              quick_inquiry_form.appendChild(el);
+              quick_inquiry_form.submit();
+              quick_inquiry_button.innerText = "Submitted successfully";
             });
           }
         }