From 8c5daaf296e738e416dea2ee003ed818b18d6ca7 Mon Sep 17 00:00:00 2001
From: candice <candice@hainatravel.com>
Date: Tue, 30 Jan 2024 11:40:40 +0800
Subject: [PATCH] 11

---
 .../views/mobile_first/ch-info-page-form.php  | 187 ++++++++++++------
 1 file changed, 126 insertions(+), 61 deletions(-)

diff --git a/application/views/mobile_first/ch-info-page-form.php b/application/views/mobile_first/ch-info-page-form.php
index 0d8204d5..4b1193a6 100644
--- a/application/views/mobile_first/ch-info-page-form.php
+++ b/application/views/mobile_first/ch-info-page-form.php
@@ -46,40 +46,42 @@
                             <div id="adultBlock" style="display: none">
                               <p style="margin-top: 0;margin-bottom: 0;"><strong>Adults number (age ≥ 18 years old)</strong></p>
                               <div class="kids_age">
-                                  <select class="kids_number" id="adultNumber_65_plus" name="adult_18_plus" >
-                                      <option value="0">0</option>
-                                      <option value="1">1 person</option>
-                                      <option value="2">2 people</option>
-                                      <option value="3">3 people</option>
-                                      <option value="4">4 people</option>
-                                      <option value="5">5 people</option>
-                                      <option value="6">6 people</option>
-                                      <option value="7">7 people</option>
-                                      <option value="8">8 people</option>
-                                      <option value="9">9 people</option>
-                                      <option value="10">10 people</option>
-                                      <option value="11">11 people</option>
-                                      <option value="12">12 people</option>
-                                      <option value="13">13 people</option>
-                                      <option value="14">14 people</option>
-                                      <option value="15">15 people</option>
-                                      <option value="16">16 people</option>
-                                      <option value="17">17 people</option>
-                                      <option value="18">18 people</option>
-                                      <option value="19">19 people</option>
-                                      <option value="20">20 people</option>
-                                      <option value="21">21 people</option>
-                                      <option value="22">22 people</option>
-                                      <option value="23">23 people</option>
-                                      <option value="24">24 people</option>
-                                      <option value="25">25 people</option>
-                                      <option value="26">26 people</option>
-                                      <option value="27">27 people</option>
-                                      <option value="28">28 people</option>
-                                      <option value="29">29 people</option>
-                                      <option value="30">30 people</option>
-                                      <option value="31">31 or more people</option>
-                                      </select>
+                                <select class="kids_number" id="adultNumber_65_plus" name="adult_18_plus" >
+                                  <option value="0">0</option>
+                                  <option value="1">1</option>
+                                  <option value="2">2</option>
+                                  <option value="3">3</option>
+                                  <option value="4">4</option>
+                                  <option value="5">5</option>
+                                  <option value="6">6</option>
+                                  <option value="7">7</option>
+                                  <option value="8">8</option>
+                                  <option value="9">9</option>
+                                  <option value="10">10</option>
+                                  <option value="11">11</option>
+                                  <option value="12">12</option>
+                                  <option value="13">13</option>
+                                  <option value="14">14</option>
+                                  <option value="15">15</option>
+                                  <option value="16">16</option>
+                                  <option value="17">17</option>
+                                  <option value="18">18</option>
+                                  <option value="19">19</option>
+                                  <option value="20">20</option>
+                                  <option value="21">21</option>
+                                  <option value="22">22</option>
+                                  <option value="23">23</option>
+                                  <option value="24">24</option>
+                                  <option value="25">25</option>
+                                  <option value="26">26</option>
+                                  <option value="27">27</option>
+                                  <option value="28">28</option>
+                                  <option value="29">29</option>
+                                  <option value="30">30</option>                                        
+                                  </select>
+                                  <p style="
+margin-top: 5px;font-size: 18px;
+">people</p>
                               </div>
                           
                              
@@ -91,34 +93,43 @@
                                   <p style="margin-bottom: 5px;">10-17 yrs old</p>
                                   <select class="kids_number" id="teenagerNumber" name="teenager_10_17_yrs">
                                   <option value="0">0</option>
-                              <option value="1">1 person</option>
-                              <option value="2">2 people</option>
-                              <option value="3">3 people</option>
-                              <option value="4">4 people</option>
-                              <option value="5">5 or more people</option>
+                              <option value="1">1</option>
+                              <option value="2">2</option>
+                              <option value="3">3</option>
+                              <option value="4">4</option>
+                              <option value="5">5</option>
                                   </select>
+                                  <p style="
+    margin-top: 10px;font-size: 18px;
+">people</p>
                               </div>
                               <div class="kids_age">
                                   <p style="margin-bottom: 5px;">3-9 yrs old</p>
                                   <select class="kids_number" id="childrenNumber" name="children_3_9_yrs">
                                   <option value="0">0</option>
-                              <option value="1">1 person</option>
-                              <option value="2">2 people</option>
-                              <option value="3">3 people</option>
-                              <option value="4">4 people</option>
-                              <option value="5">5 or more people</option>
+                              <option value="1">1</option>
+                              <option value="2">2</option>
+                              <option value="3">3</option>
+                              <option value="4">4</option>
+                              <option value="5">5</option>
                                   </select>
+                                  <p style="
+    margin-top: 10px;font-size: 18px;
+">people</p>
                               </div>
                               <div class="kids_age">
                                   <p style="margin-bottom: 5px;">0-2 yrs old</p>
                                   <select class="kids_number" id="infantNumber" name="infant_0_2_yrs">
                                   <option value="0">0</option>
-                              <option value="1">1 person</option>
-                              <option value="2">2 people</option>
-                              <option value="3">3 people</option>
-                              <option value="4">4 people</option>
-                              <option value="5">5 or more people</option>
+                              <option value="1">1</option>
+                              <option value="2">2</option>
+                              <option value="3">3</option>
+                              <option value="4">4</option>
+                              <option value="5">5</option>
                                   </select>
+                                  <p style="
+    margin-top: 10px;font-size: 18px;
+">people</p>
                               </div>
                           </div>
 
@@ -167,28 +178,82 @@
                   padding: 0 15px;
                   margin-bottom:15px;">
                   </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" style="margin-right: 5px;">
-                      <input class="minaddBtn" id="tripLengthPlus" type="button" value="+">
-                    </div>
-                            </div>
+                  <select class="country_code" id="tripLengthNumber" name="trip_length" style="width: 150px;
+                                height: 45px;  text-align: center;">
+							<option value="14">14 days</option>
+							<option value="1">1 day</option>
+							<option value="2">2 days</option>
+							<option value="3">3 days</option>
+							<option value="4">4 days</option>
+							<option value="5">5 days</option>
+							<option value="6">6 days</option>
+							<option value="7">7 days</option>
+							<option value="8">8 days</option>
+							<option value="9">9 days</option>
+							<option value="10">10 days</option>
+							<option value="11">11 days</option>
+							<option value="12">12 days</option>
+							<option value="13">13 days</option>
+							<option value="14">14 days</option>
+							<option value="15">15 days</option>
+							<option value="16">16 days</option>
+							<option value="17">17 days</option>
+							<option value="18">18 days</option>
+							<option value="19">19 days</option>
+							<option value="20">20 days</option>
+							<option value="21">21 days</option>
+							<option value="22">22 days</option>
+							<option value="23">23 days</option>
+							<option value="24">24 days</option>
+							<option value="25">25 days</option>
+							<option value="26">26 days</option>
+							<option value="27">27 days</option>
+							<option value="28">28 days</option>
+							<option value="29">29 days</option>
+							<option value="30">30 days</option>
+							<option value="31">31 days</option>
+							<option value="32">32 days</option>
+							<option value="33">33 days</option>
+							<option value="34">34 days</option>
+							<option value="35">35 days</option>
+							<option value="36">36 days</option>
+							<option value="37">37 days</option>
+							<option value="38">38 days</option>
+							<option value="39">39 days</option>
+							<option value="40">40 days</option>
+							<option value="41">41 days</option>
+							<option value="42">42 days</option>
+							<option value="43">43 days</option>
+							<option value="44">44 days</option>
+							<option value="45">45 days</option>
+							<option value="46">46 days</option>
+							<option value="47">47 days</option>
+							<option value="48">48 days</option>
+							<option value="49">49 days</option>
+							<option value="50">50 days</option>
+							<option value="51">51 days</option>
+							<option value="52">52 days</option>
+							<option value="53">53 days</option>
+							<option value="54">54 days</option>
+							<option value="55">55 days</option>
+							<option value="56">56 days</option>
+							<option value="57">57 days</option>
+							<option value="58">58 days</option>
+							<option value="59">59 days</option>
+							<option value="60">60 days</option>
+						</select>
               </div>
     
                         </div>
 
             <p>           
-            <span class="inquiry_form_tag"><img src="https://data.chinahighlights.com/pic/input-name.png">
-                <span class="form_required">*</span>
-            </span>    
+              
             <input class="FullName" id="realname" name="name" placeholder="Your name" type="text"/> 
             <span id="realname_errmsg" style="display: none"><span class="requiredArea">Please enter your name.</span></span>
             </p>
 
             <p>
-            <span class="inquiry_form_tag"><img src="https://data.chinahighlights.com/pic/input-email.png">
-                <span class="form_required">*</span></span>     
+             
             <input class="EmailAddress" id="email" name="email" placeholder="Email" type="text"/>
                 <span id="email_errmsg" style="display: none"><span class="requiredArea">Please enter your email.</span></span>
                 <span id="email_verify_errmsg" style="display: none"><span class="requiredArea">Please verify your email.</span></span>