Merge branch 'master' of github.com:hainatravel/information-system

application/views/mobile_first/ah-info-page-form.php

@@ -9,7 +9,7 @@
         <textarea id="form_additionalrequirements" name="additional_requirements" placeholder="E.g. This is a big trip for my birthday, anniversary, honeymoon, retirement, kid's graduation, bucket list…
 Our must-dos/must-sees are…" style="height:90px;"></textarea>
 
-		<div class="selectionBlock" style="margin-bottom: 10px;">
+		<div class="selectionBlock" style="margin-bottom: 0;">
 			<p style="
     margin-bottom: 0px;
 ">
@@ -139,7 +139,7 @@ Our must-dos/must-sees are…" style="height:90px;"></textarea>
 
 		</div>
 
-                        <div class="selectionBlock">
+                        <div class="selectionBlock" style="margin-bottom: 10px;">
                             <p style="    margin-top: 10px;
                             margin-bottom: 0;"><strong>
                         When would you travel?
@@ -166,8 +166,10 @@ Our must-dos/must-sees are…" style="height:90px;"></textarea>
                 <div class="trip_date_length" id="tripDateBlock" style="display: none">
                               <p style="margin-bottom: 10px;">Select your travel date and trip length (days).</p>
                   <div id='dateSelectionBlock'>
-                  <input type="text" class="arrivalDate datepicker" id="Date_Start" name="date_start" value="" placeholder="mm/dd/yyyy" autocomplete="off" style="width: auto; float: left; margin-right: 15px;">            
+                  <input type="text" class="arrivalDate datepicker" id="starting_date" name="date_start" value="" placeholder="mm/dd/yyyy" autocomplete="off" style="width: auto; float: left; margin-right: 15px; height: 30px;
-                  <input type="month" id="expectedMonth" name="expected_month" placeholder="Select your expected travel date." style="width: auto; float: left; margin-right: 15px;">
+                  margin-top: 5px;">            
+                  <input type="month" id="expectedMonth" name="expected_month" placeholder="Select your expected travel date." style="width: auto; float: left; margin-right: 15px;height: 30px;
+                  margin-top: 5px;">
                   </div>
                   <div class="peopleSelect">
                     <div class="numberBtn">
@@ -504,8 +506,8 @@ Our must-dos/must-sees are…" style="height:90px;"></textarea>
             minDate: "today"
         });
     
-        var quick_inquiry_button = document.getElementById("quick_inquiry_button");
+        var quick_inquiry_button = document.getElementById("info_page_button");
-        var quick_inquiry_form = document.getElementById("quick_inquiry_form");
+        var quick_inquiry_form = document.getElementById("info_page_form");
         
         quick_inquiry_button.addEventListener('click', function(event) {
             var validateResult = validateQuickInquiryForm();
@@ -636,7 +638,7 @@ Our must-dos/must-sees are…" style="height:90px;"></textarea>
             });
     
             var $tripDateBlock = $('#tripDateBlock');
-    var $expectedDate = $('#Date_Start');
+    var $expectedDate = $('#starting_date');
     var $expectedMonth = $('#expectedMonth');
     var $dateSelectionBlock = $('#dateSelectionBlock');
     var $expectedTravelDateBlock = $('#expectedTravelDateBlock');
@@ -711,15 +713,28 @@ Our must-dos/must-sees are…" style="height:90px;"></textarea>
                     $infantNumberInput.val(infantNumber);
                 }
             });
+
+            
+
+      	// Trip Length
+		$('#tripLengthPlus').click(function () {
+			tripLength++;
+			$('#tripLengthNumber').val(tripLength);
+		});
+
+		$('#tripLengthMinus').click(function () {
+			if (tripLength > 1) {
+				tripLength--;
+				$('#tripLengthNumber').val(tripLength);
+			}
+		});
       })
         </script>
         <style>
-    .date_select {width: 27.5% !important;}
+    .date_select {width: 27.5% !important; margin-bottom: 10px;}
     .age_range { margin-top: 45px;}
     @media (max-width: 750px){
-    .date_select {
+    .date_select {width: 93% !important; margin-bottom: 0 !important;}
-        width: 93% !important;
-    }
     .age_range { margin-top: 0;}
     }
             </style>