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

	<div class="tripnotes" collapse="" collapse-status="hide" data-target="tripnotes" data-target-icon="day4Icon" style="font-size: 25px;
  color: #ad1818;
  font-weight: 600;
  font-family: 'Goudy Old Style';">Inquire now! Your 1:1 travel consultant will reply within 1 working day.<span class="OpenIcon" id="day4Icon"></span></div>
  <div class="tripnotescontent" collapse-content="" id="tripnotes" style="display: none; box-sizing: border-box;">
<div class="tmbottom" style="padding-top: 60px; margin-top: 0;">
    <form action="/orders/quick_inquiry_save" method="post" novalidate="" id="info_page_form">
        <textarea id="form_additionalrequirements" name="additional_requirements" placeholder="E.g.: This is a big trip for anniversary, honeymoon, birthday celebration..." style="height:90px;"></textarea>

        <div class="selectionBlock">
          <h4 style="margin-bottom: 0;margin-top: 0;    padding-bottom: 0;">
              How would you travel?
          </h4>
          <div id="group_error_msg" style="display: none">
<div class="requiredArea" style="margin-top:-10px;">Please select number in your group.</div>
</div>
          <div class="travel_group">
              <input type="radio" value="Family" id="Family" name="travel_group">
              <label for="Family" class="family">
                  Family
              </label>
          </div>
          <div class="travel_group">
              <input type="radio" value="Couple" id="Couple" name="travel_group">
              <label for="Couple" class="couple">
                  Couple
              </label>
          </div>
          <div class="travel_group">
              <input type="radio" value="Solo" id="Solo" name="travel_group">
              <label for="Solo" class="solo">
                  Solo
              </label>
          </div>
          <div class="travel_group">
              <input type="radio" value="group" id="Other" name="travel_group">
              <label for="Other" class="group">
                  Other group
              </label>
          </div>

          <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="adult_18_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>
      
          </div>
          <div class="clear"></div>
          <div id="childrenBlock" style="display: none">
              <p style="margin-top: 0;margin-bottom: 0;"><strong>Children number</strong></p>
              <div class="kids_age">
                  <p style="margin-bottom: 5px;">10-17 yrs old</p>
                  <select class="kids_number" id="teenagerNumber" name="teenager_10_17">
                  <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>
                  </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">
                  <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>
                </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">
                  <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>
                  </select>
                  <p style="
    margin-top: 10px;font-size: 18px;
">people</p>
              </div>
          </div>

      </div>

                        <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" >
                                <input type="radio" value="exact dates" id="exact" name="trip_date">
                                <label for="exact" class="updatedestination" style="font-size: 18px;">
                                    Exact dates
                                </label>
                            </div>
                            <div class="travel_group date_select" >
                                <input type="radio" value="approximate dates" id="approximate" name="trip_date">
                                <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="updatedestination" style="font-size: 18px;">
                                    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>
                 <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="Mar. 2024">Mar. 2024</option>  
<option value="Apr. 2024">Apr. 2024</option>
                                    <option value="May. 2024">May. 2024</option>
                                    <option value="Jun. 2024">Jun. 2024</option>
                                    <option value="Jul. 2024">Jul. 2024</option>
                                    <option value="Aug. 2024">Aug. 2024</option>
                                    <option value="Sep. 2024">Sep. 2024</option>
                                    <option value="Oct. 2024">Oct. 2024</option>
                                    <option value="Nov. 2024">Nov. 2024</option>
                                    <option value="Dec. 2024">Dec. 2024</option>

                                    <option value="Jan. 2025">Jan. 2025</option>
                                    <option value="Feb. 2025">Feb. 2025</option>
                                    <option value="Mar. 2025">Mar. 2025</option>
                                    <option value="Apr. 2025">Apr. 2025</option>
                                    <option value="May. 2025">May. 2025</option>
                                    <option value="Jun. 2025">Jun. 2025</option>
                                    <option value="Jul. 2025">Jul. 2025</option>
                                    <option value="Aug. 2025">Aug. 2025</option>
                                    <option value="Sep. 2025">Sep. 2025</option>
                                    <option value="Oct. 2025">Oct. 2025</option>
                                    <option value="Nov. 2025">Nov. 2025</option>
                                    <option value="Dec. 2025">Dec. 2025</option>

                                    <option value="Jan. 2026">Jan. 2026</option>
                                    <option value="Feb. 2026">Feb. 2026</option>
                                    <option value="Mar. 2026">Mar. 2026</option>
                                    <option value="Apr. 2026">Apr. 2026</option>
                                    <option value="May. 2026">May. 2026</option>
                                    <option value="Jun. 2026">Jun. 2026</option>
                                    <option value="Jul. 2026">Jul. 2026</option>
                                    <option value="Aug. 2026">Aug. 2026</option>
                                    <option value="Sep. 2026">Sep. 2026</option>
                                    <option value="Oct. 2026">Oct. 2026</option>
                                    <option value="Nov. 2026">Nov. 2026</option>
                                    <option value="Dec. 2026">Dec. 2026</option>
                                    <option value="Jan. 2027">Jan. 2027</option>
                                    <option value="Feb. 2027">Feb. 2027</option>
                                    <option value="Mar. 2027">Mar. 2027</option>
                                                      <option value="Apr. 2027">Apr. 2027</option>
                                </select>
                  </div>

              </div>

                        </div>

		<input class="FullName" id="realname" name="name" placeholder="Your name *" required="" type="text" value="" />
    <div id="realname_errmsg" style="display: none">
    <div class="requiredArea" style="margin-top:-10px;">Please enter your name</div>
    </div>
    <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 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>
    <option style="font-weight: 600;" value="Australia +61">Australia&nbsp; &nbsp;+61</option>
    <option style="font-weight: 600;" value="Canada +1">Canada&nbsp; &nbsp;+1</option>
    <option style="font-weight: 600;" value="France +33">France&nbsp; &nbsp;+33</option>
    <option style="font-weight: 600;" value="Germany +49">Germany&nbsp; &nbsp;+49</option>
    <option style="font-weight: 600; " value="Italy +39">Italy&nbsp; &nbsp;+39</option>
    <option style="font-weight: 600; " value="Mexico +52">Mexico&nbsp; &nbsp;+52</option>
    <option style="font-weight: 600; " value="Netherlands +31">Netherlands&nbsp; &nbsp;+31</option>
    <option style="font-weight: 600; " value="Singapore +65">Singapore&nbsp; &nbsp;+65</option>
    <option value="Afghanistan +93">Afghanistan &nbsp; &nbsp;+93</option>
    <option value="Albania +355">Albania &nbsp; &nbsp;+355</option>
    <option value="Algeria +213">Algeria&nbsp; &nbsp;+213</option>
    <option value="American Samoa +1">American Samoa&nbsp; &nbsp;+1684</option>
    <option value="Andorra +376">Andorra&nbsp; &nbsp;+376</option>
    <option value="Angola +244">Angola&nbsp; &nbsp;+244</option>
    <option value="Anguilla +1">Anguilla&nbsp; &nbsp;+1264</option>
    <option value="Australia +61">Australia&nbsp; &nbsp;+61</option>
    <option value="Antigua and Barbuda +1">Antigua and Barbuda&nbsp; &nbsp;+1268</option>
    <option value="Argentina +54">Argentina&nbsp; &nbsp;+54</option>
    <option value="Armenia +374">Armenia &nbsp; &nbsp;+374</option>
    <option value="Aruba +297">Aruba&nbsp; &nbsp;+297</option>
    <option value="Ascension Island +247">Ascension Island&nbsp; &nbsp;+247</option>
    <option value="Austria +43">Austria&nbsp; &nbsp;+43</option>
    <option value="Azerbaijan +994">Azerbaijan&nbsp; &nbsp;+994</option>
    <option value="Bahamas +1">Bahamas&nbsp; &nbsp;+1242</option>
    <option value="Bahrain +973">Bahrain&nbsp; &nbsp;+973</option>
    <option value="Bangladesh +880">Bangladesh&nbsp; &nbsp;+880</option>
    <option value="Barbados +1">Barbados&nbsp; &nbsp;+1246</option>
    <option value="Belarus +375">Belarus&nbsp; &nbsp;+375</option>
    <option value="Belgium +32">Belgium&nbsp; &nbsp;+32</option>
    <option value="Belize +501">Belize&nbsp; &nbsp;+501</option>
    <option value="Benin +229">Benin&nbsp; &nbsp;+229</option>
    <option value="Bermuda +1">Bermuda&nbsp; &nbsp;+1441</option>
    <option value="Bhutan +975">Bhutan&nbsp; &nbsp;+975</option>
    <option value="Bolivia +591">Bolivia&nbsp; &nbsp;+591</option>
    <option value="Bosnia and Herzegovina +387">Bosnia and Herzegovina&nbsp; &nbsp;+387</option>
    <option value="Botswana +267">Botswana&nbsp; &nbsp;+267</option>
    <option value="Brazil +55">Brazil&nbsp; &nbsp;+55</option>
    <option value="British Indian Ocean Territory +246">British Indian Ocean Territory&nbsp; &nbsp;+246</option>
    <option value="British Virgin Islands +1">British Virgin Islands&nbsp; &nbsp;+1284</option>
    <option value="Brunei +673">Brunei&nbsp; &nbsp;+673</option>
    <option value="Bulgaria +359">Bulgaria &nbsp; &nbsp;+359</option>
    <option value="Burkina Faso +226">Burkina Faso&nbsp; &nbsp;+226</option>
    <option value="Burundi +257">Burundi&nbsp; &nbsp;+257</option>
    <option value="Cambodia +855">Cambodia&nbsp; &nbsp;+855</option>
    <option value="Cameroon +237">Cameroon&nbsp; &nbsp;+237</option>
    <option value="Canada +1">Canada&nbsp; &nbsp;+1</option>
    <option value="Cape Verde +238">Cape Verde&nbsp; &nbsp;+238</option>
    <option value="Caribbean Netherlands +599">Caribbean Netherlands&nbsp; &nbsp;+599</option>
    <option value="Cayman Islands +1">Cayman Islands&nbsp; &nbsp;+1345</option>
    <option value="Central African Republic +236">Central African Republic&nbsp; &nbsp;+236</option>
    <option value="Chad +235">Chad&nbsp; &nbsp;+235</option>
    <option value="Chile +56">Chile&nbsp; &nbsp;+56</option>
    <option value="China +86">China&nbsp; &nbsp;+86</option>
    <option value="Christmas Island +61">Christmas Island&nbsp; &nbsp;+6189164</option>
    <option value="Cocos Islands +61">Cocos Islands&nbsp; &nbsp;+6189162</option>
    <option value="Colombia +57">Colombia&nbsp; &nbsp;+57</option>
    <option value="Comoros +269">Comoros&nbsp; &nbsp;+269</option>
    <option value="Congo +243">Congo (DRC)&nbsp; &nbsp;+243</option>
    <option value="Congo +242">Congo (Republic)&nbsp; &nbsp;+242</option>
    <option value="Cook Islands +682">Cook Islands&nbsp; &nbsp;+682</option>
    <option value="Costa Rica +506">Costa Rica&nbsp; &nbsp;+506</option>
    <option value="Côte d'Ivoire +225">Côte d'Ivoire&nbsp; &nbsp;+225</option>
    <option value="Croatia +385">Croatia&nbsp; &nbsp;+385</option>
    <option value="Cuba +53">Cuba&nbsp; &nbsp;+53</option>
    <option value="Curaçao +599">Curaçao&nbsp; &nbsp;+599</option>
    <option value="Cyprus +357">Cyprus&nbsp; &nbsp;+357</option>
    <option value="Czech Republic +420">Czech Republic&nbsp; &nbsp;+420</option>
    <option value="Denmark +45">Denmark&nbsp; &nbsp;+45</option>
    <option value="Djibouti +253">Djibouti&nbsp; &nbsp;+253</option>
    <option value="Dominica +1">Dominica&nbsp; &nbsp;+1767</option>
    <option value="Dominican Republic +1">Dominican Republic&nbsp; &nbsp;+1809</option>
    <option value="Ecuador +593">Ecuador&nbsp; &nbsp;+593</option>
    <option value="Egypt +20">Egypt&nbsp; &nbsp;+20</option>
    <option value="El Salvador +503">El Salvador&nbsp; &nbsp;+503</option>
    <option value="Equatorial Guinea +240">Equatorial Guinea&nbsp; &nbsp;+240</option>
    <option value="Eritrea +291">Eritrea&nbsp; &nbsp;+291</option>
    <option value="Estonia +372">Estonia&nbsp; &nbsp;+372</option>
    <option value="Eswatini +268">Eswatini&nbsp; &nbsp;+268</option>
    <option value="Ethiopia +251">Ethiopia&nbsp; &nbsp;+251</option>
    <option value="Falkland Islands +500">Falkland Islands&nbsp; &nbsp;+500</option>
    <option value="Faroe Islands +298">Faroe Islands&nbsp; &nbsp;+298</option>
    <option value="Fiji +679">Fiji&nbsp; &nbsp;+679</option>
    <option value="Finland +358">Finland&nbsp; &nbsp;+358</option>
    <option value="France +33">France&nbsp; &nbsp;+33</option>
    <option value="French Guiana +594">French Guiana&nbsp; &nbsp;+594</option>
    <option value="French Polynesia +689">French Polynesia&nbsp; &nbsp;+689</option>
    <option value="Gabon +241">Gabon&nbsp; &nbsp;+241</option>
    <option value="Gambia +220">Gambia&nbsp; &nbsp;+220</option>
    <option value="Georgia +995">Georgia&nbsp; &nbsp;+995</option>
    <option value="Germany +49">Germany&nbsp; &nbsp;+49</option>
    <option value="Ghana +233">Ghana&nbsp; &nbsp;+233</option>
    <option value="Gibraltar +350">Gibraltar&nbsp; &nbsp;+350</option>
    <option value="Greece +30">Greece&nbsp; &nbsp;+30</option>
    <option value="Greenland +299">Greenland&nbsp; &nbsp;+299</option>
    <option value="Grenada +1">Grenada&nbsp; &nbsp;+1473</option>
    <option value="Guadeloupe +590">Guadeloupe&nbsp; &nbsp;+590</option>
    <option value="Guam +1">Guam&nbsp; &nbsp;+1671</option>
    <option value="Guatemala +502">Guatemala&nbsp; &nbsp;+502</option>
    <option value="Guernsey +44">Guernsey&nbsp; &nbsp;+441481</option>
    <option value="Guinea +224">Guinea&nbsp; &nbsp;+224</option>
    <option value="Guinea-Bissau +245">Guinea-Bissau&nbsp; &nbsp;+245</option>
    <option value="Guyana +592">Guyana&nbsp; &nbsp;+592</option>
    <option value="Haiti +509">Haiti&nbsp; &nbsp;+509</option>
    <option value="Honduras +504">Honduras&nbsp; &nbsp;+504</option>
    <option value="Hong Kong +852">Hong Kong&nbsp; &nbsp;+852</option>
    <option value="Hungary +36">Hungary&nbsp; &nbsp;+36</option>
    <option value="Iceland +354">Iceland&nbsp; &nbsp;+354</option>
    <option value="India +91">India&nbsp; &nbsp;+91</option>
    <option value="Indonesia +62">Indonesia&nbsp; &nbsp;+62</option>
    <option value="Iran +98">Iran&nbsp; &nbsp;+98</option>
    <option value="Iraq +964">Iraq&nbsp; &nbsp;+964</option>
    <option value="Ireland +353">Ireland&nbsp; &nbsp;+353</option>
    <option value="Isle of Man +44">Isle of Man&nbsp; &nbsp;+44</option>
    <option value="Israel +972">Israel&nbsp; &nbsp;+972</option>
    <option value="Italy +39">Italy&nbsp; &nbsp;+39</option>
    <option value="Jamaica +1">Jamaica&nbsp; &nbsp;+1876</option>
    <option value="Japan +81">Japan&nbsp; &nbsp;+81</option>
    <option value="Jersey +44">Jersey&nbsp; &nbsp;+44</option>
    <option value="Jordan +962">Jordan&nbsp; &nbsp;+962</option>
    <option value="Kazakhstan +7">Kazakhstan &nbsp; &nbsp;+7</option>
    <option value="Kenya +254">Kenya&nbsp; &nbsp;+254</option>
    <option value="Kiribati +686">Kiribati&nbsp; &nbsp;+686</option>
    <option value="Kosovo +383">Kosovo&nbsp; &nbsp;+383</option>
    <option value="Kuwait +965">Kuwait&nbsp; &nbsp;+965</option>
    <option value="Kyrgyzstan +996">Kyrgyzstan &nbsp; &nbsp;+996</option>
    <option value="Laos +856">Laos&nbsp; &nbsp;+856</option>
    <option value="Latvia +371">Latvia &nbsp; &nbsp;+371</option>
    <option value="Lebanon +961">Lebanon&nbsp; &nbsp;+961</option>
    <option value="Lesotho +266">Lesotho&nbsp; &nbsp;+266</option>
    <option value="Liberia +231">Liberia&nbsp; &nbsp;+231</option>
    <option value="Libya +218">Libya&nbsp; &nbsp;+218</option>
    <option value="Liechtenstein +423">Liechtenstein&nbsp; &nbsp;+423</option>
    <option value="Lithuania +370">Lithuania&nbsp; &nbsp;+370</option>
    <option value="Luxembourg +352">Luxembourg&nbsp; &nbsp;+352</option>
    <option value="Macau +853">Macau&nbsp; &nbsp;+853</option>
    <option value="Macedonia +389">Macedonia&nbsp; &nbsp;+389</option>
    <option value="Madagascar +261">Madagascar&nbsp; &nbsp;+261</option>
    <option value="Malawi +265">Malawi&nbsp; &nbsp;+265</option>
    <option value="Malaysia +60">Malaysia&nbsp; &nbsp;+60</option>
    <option value="Maldives +960">Maldives&nbsp; &nbsp;+960</option>
    <option value="Mali +223">Mali&nbsp; &nbsp;+223</option>
    <option value="Malta +356">Malta&nbsp; &nbsp;+356</option>
    <option value="Marshall +692">Marshall Islands&nbsp; &nbsp;+692</option>
    <option value="Martinique +596">Martinique&nbsp; &nbsp;+596</option>
    <option value="Mauritania +222">Mauritania&nbsp; &nbsp;+222</option>
    <option value="Mauritius +230">Mauritius&nbsp; &nbsp;+230</option>
    <option value="Mayotte +262">Mayotte&nbsp; &nbsp;+262</option>
    <option value="Micronesia +691">Micronesia&nbsp; &nbsp;+691</option>
    <option value="Moldova +373">Moldova&nbsp; &nbsp;+373</option>
    <option value="Monaco +377">Monaco&nbsp; &nbsp;+377</option>
    <option value="Mongolia +976">Mongolia&nbsp; &nbsp;+976</option>
    <option value="Montenegro +382">Montenegro&nbsp; &nbsp;+382</option>
    <option value="Montserrat +1">Montserrat&nbsp; &nbsp;+1664</option>
    <option value="Morocco +212">Morocco&nbsp; &nbsp;+212</option>
    <option value="Mozambique +258">Mozambique&nbsp; &nbsp;+258</option>
    <option value="Myanmar +95">Myanmar &nbsp; &nbsp;+95</option>
    <option value="Namibia +264">Namibia&nbsp; &nbsp;+264</option>
    <option value="Nauru +674">Nauru&nbsp; &nbsp;+674</option>
    <option value="Nepal +977">Nepal&nbsp; &nbsp;+977</option>
    <option value="New Caledonia +687">New Caledonia&nbsp; &nbsp;+687</option>
    <option value="New Zealand +64">New Zealand&nbsp; &nbsp;+64</option>
    <option value="Nicaragua +505">Nicaragua&nbsp; &nbsp;+505</option>
    <option value="Niger +227">Niger&nbsp; &nbsp;+227</option>
    <option value="Nigeria +234">Nigeria&nbsp; &nbsp;+234</option>
    <option value="Niue +683">Niue&nbsp; &nbsp;+683</option>
    <option value="Norfolk Island +672">Norfolk Island&nbsp; &nbsp;+6723</option>
    <option value="North Korea +850">North Korea&nbsp; &nbsp;+850</option>
    <option value="Northern Mariana Islands +1">Northern Mariana Islands&nbsp; &nbsp;+1670</option>
    <option value="Norway +47">Norway&nbsp; &nbsp;+47</option>
    <option value="Oman +968">Oman&nbsp; &nbsp;+968</option>
    <option value="Pakistan +92">Pakistan&nbsp; &nbsp;+92</option>
    <option value="Palau +680">Palau&nbsp; &nbsp;+680</option>
    <option value="Palestine +970">Palestine &nbsp; &nbsp;+970</option>
    <option value="Panama +507">Panama &nbsp; &nbsp;+507</option>
    <option value="Papua New Guinea 675">Papua New Guinea&nbsp; &nbsp;+675</option>
    <option value="Paraguay +595">Paraguay&nbsp; &nbsp;+595</option>
    <option value="Peru +51">Peru &nbsp; &nbsp;+51</option>
    <option value="Philippines +63">Philippines&nbsp; &nbsp;+63</option>
    <option value="Poland +48">Poland&nbsp; &nbsp;+48</option>
    <option value="Portugal +351">Portugal&nbsp; &nbsp;+351</option>
    <option value="Puerto Rico +1">Puerto Rico&nbsp; &nbsp;+1787</option>
    <option value="Qatar +974">Qatar&nbsp; &nbsp;+974</option>
    <option value="Réunion +262">Réunion&nbsp; &nbsp;+262</option>
    <option value="Romania +40">Romania&nbsp; &nbsp;+40</option>
    <option value="Russia +7">Russia&nbsp; &nbsp;+7</option>
    <option value="Rwanda +250">Rwanda&nbsp; &nbsp;+250</option>
    <option value="Saint Barthélemy +590">Saint Barthélemy&nbsp; &nbsp;+590</option>
    <option value="Saint Helena +290">Saint Helena&nbsp; &nbsp;+290</option>
    <option value="Saint Kitts and Nevis +1">Saint Kitts and Nevis&nbsp; &nbsp;+1869</option>
    <option value="Saint Lucia +1">Saint Lucia&nbsp; &nbsp;+1758</option>
    <option value="Saint Martin +590">Saint Martin&nbsp; &nbsp;+590</option>
    <option value="Saint Pierre and Miquelon +508">Saint Pierre and Miquelon&nbsp; &nbsp;+508</option>
    <option value="Saint Vincent and the Grenadines +1">Saint Vincent and the Grenadines&nbsp; &nbsp;+1784</option>
    <option value="Samoa +685">Samoa&nbsp; &nbsp;+685</option>
    <option value="San Marino +378">San Marino&nbsp; &nbsp;+378</option>
    <option value="São Tomé and Príncipe +239">São Tomé and Príncipe&nbsp; &nbsp;+239</option>
    <option value="Saudi Arabia +966">Saudi Arabia &nbsp; &nbsp;+966</option>
    <option value="Senegal +221">Senegal &nbsp; &nbsp;+221</option>
    <option value="Serbia +381">Serbia&nbsp; &nbsp;+381</option>
    <option value="Seychelles +248">Seychelles&nbsp; &nbsp;+248</option>
    <option value="Sierra Leone +232">Sierra Leone&nbsp; &nbsp;+232</option>
    <option value="Sint Maarten +1">Sint Maarten&nbsp; &nbsp;+1721</option>
    <option value="Slovakia +421">Slovakia&nbsp; &nbsp;+421</option>
    <option value="Slovenia +386">Slovenia&nbsp; &nbsp;+386</option>
    <option value="Solomon Islands +677">Solomon Islands&nbsp; &nbsp;+677</option>
    <option value="Somalia +252">Somalia&nbsp; &nbsp;+252</option>
    <option value="South Africa +27">South Africa&nbsp; &nbsp;+27</option>
    <option value="South Korea +82">South Korea&nbsp; &nbsp;+82</option>
    <option value="South Sudan +211">South Sudan&nbsp; &nbsp;+211</option>
    <option value="Spain +34">Spain&nbsp; &nbsp;+34</option>
    <option value="Sri Lanka +94">Sri Lanka &nbsp; &nbsp;+94</option>
    <option value="Sudan +249">Sudan&nbsp; &nbsp;+249</option>
    <option value="Suriname">Suriname&nbsp; &nbsp;+597</option>
    <option value="Svalbard and Jan Mayen +47">Svalbard and Jan Mayen&nbsp; &nbsp;+47</option>
    <option value="Sweden +46">Sweden&nbsp; &nbsp;+46</option>
    <option value="Switzerland +41">Switzerland&nbsp; &nbsp;+41</option>
    <option value="Syria +963">Syria &nbsp; &nbsp;+963</option>
    <option value="Taiwan +886">Taiwan&nbsp; &nbsp;+886</option>
    <option value="Tajikistan +992">Tajikistan&nbsp; &nbsp;+992</option>
    <option value="Tanzania +255">Tanzania&nbsp; &nbsp;+255</option>
    <option value="Thailand +66">Thailand&nbsp; &nbsp;+66</option>
    <option value="Timor-Leste +670">Timor-Leste&nbsp; &nbsp;+670</option>
    <option value="Togo +228">Togo&nbsp; &nbsp;+228</option>
    <option value="Tokelau +690">Tokelau&nbsp; &nbsp;+690</option>
    <option value="Tonga +676">Tonga&nbsp; &nbsp;+676</option>
    <option value="Trinidad and Tobago +1">Trinidad and Tobago&nbsp; &nbsp;+1868</option>
    <option value="Tunisia +216">Tunisia&nbsp; &nbsp;+216</option>
    <option value="Turkey +90">Turkey&nbsp; &nbsp;+90</option>
    <option value="Turkmenistan +993">Turkmenistan&nbsp; &nbsp;+993</option>
    <option value="Turks and Caicos Islands +1">Turks and Caicos Islands&nbsp; &nbsp;+1649</option>
    <option value="Tuvalu +688">Tuvalu&nbsp; &nbsp;+688</option>
    <option value="U.S. Virgin Islands +1">U.S. Virgin Islands&nbsp; &nbsp;+1340</option>
    <option value="Uganda +256">Uganda&nbsp; &nbsp;+256</option>
    <option value="Ukraine +380">Ukraine&nbsp; &nbsp;+380</option>
    <option value="United Arab Emirates +971">United Arab Emirates &nbsp; &nbsp;+971</option>
    <option value="United Kingdom +44">United Kingdom&nbsp; &nbsp;+44</option>
    <option value="United States +1">United States&nbsp; &nbsp;+1</option>
    <option value="Uruguay +598">Uruguay&nbsp; &nbsp;+598</option>
    <option value="Uzbekistan +998">Uzbekistan&nbsp; &nbsp;+998</option>
    <option value="Vanuatu +678">Vanuatu&nbsp; &nbsp;+678</option>
    <option value="Vatican City +39">Vatican City&nbsp; &nbsp;+379</option>
    <option value="Venezuela +58">Venezuela&nbsp; &nbsp;+58</option>
    <option value="Vietnam +84">Vietnam&nbsp; &nbsp;+84</option>
    <option value="Wallis and Futuna +681">Wallis and Futuna&nbsp; &nbsp;+681</option>
    <option value="Western Sahara +212">Western Sahara &nbsp; &nbsp;+21228</option>
    <option value="Yemen +967">Yemen&nbsp; &nbsp;+967</option>
    <option value="Zambia +260">Zambia&nbsp; &nbsp;+260</option>
    <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="" />
    <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: 5px;padding: 0;">I am also available on:</p>
<div class="checkYes">
    <input type="checkbox" value="yes" name="contact_via_whatsapp" id="whatsapp" class="checkBorder" >
    <label for="whatsapp">WhatsApp</label>
</div>
<div class="checkYes">
    <input type="checkbox" value="yes" name="contact_via_iMessage" id="iMessage" class="checkBorder" >
    <label for="iMessage">iMessage</label>
</div>

    <button class="sendButton" id="info_page_button" name="booking_form_inquiry_list" type="button">Inquire Now</button> <input name="product_code" type="hidden" value="YDFW-AH"/>
    <input name="ic_title" type="hidden" value="YDFW-AH" />
</form>

    </div>
    </div>

    <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", {
            dateFormat: "Y-m-d",
            altInput: true,
            altFormat: "F j, Y",
            disableMobile: true,
            minDate: "today"
        });

        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();
            if (validateResult) {
              if (typeof(grecaptcha) === "undefined") {
                console.warn('grecaptcha is disabled.');
                quick_inquiry_form.submit();
              } else {
                grecaptcha.enterprise.ready(async () => {
                  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;
                  quick_inquiry_form.appendChild(el);
                  quick_inquiry_form.submit();
                  quick_inquiry_button.innerText = "Submitted successfully";
                });
              }
            }
        });
    });

    function validateQuickInquiryForm() {
        var result = true;
        var realnameVal = document.getElementById("realname").value;
        var emailVal = document.getElementById("email").value;
        var expectedDateVal = document.getElementById("starting_date").value;
        var expectedMonthVal = document.getElementById("expectedMonth").value;
        var contactVal = document.getElementById("PhoneNo").value;

        var realnameErrEl = document.getElementById("realname_errmsg");
        var emailErrEl = document.getElementById("email_errmsg");
        var emailVerifyErrEl = document.getElementById("email_verify_errmsg");
        var startingDateErrEl = document.getElementById("date_error_msg");
        var contactErrEl = document.getElementById("contact_errmsg");
        var groupErrEl = document.getElementById("group_error_msg");

        realnameErrEl.style.display = 'none';
        emailErrEl.style.display = 'none';
        emailVerifyErrEl.style.display = 'none';
        startingDateErrEl.style.display = 'none';
        contactErrEl.style.display = 'none';
        groupErrEl.style.display = 'none';

        var travel_group_is_checked = false;
        document.querySelectorAll('input[name="travel_group"]').forEach(function(groupNode) {
          if (groupNode.checked) {
            travel_group_is_checked = true;
          }
        });

        if (travel_group_is_checked === false) {
          groupErrEl.style.display = '';
          result = false;
        }

        var tripDate_is_checked = false;
          if (selectedExpectedDate === 'exact') {
            tripDate_is_checked = expectedDateVal !== '';
          } else if (selectedExpectedDate === 'approximate') {
            tripDate_is_checked = expectedMonthVal !== '';
          } else if (selectedExpectedDate === 'yet') {
            tripDate_is_checked = true;
          }

          //时间选择
          if (!tripDate_is_checked) {
            startingDateErrEl.style.display = '';
            result = false;
          }

        if (realnameVal === '') {
            realnameErrEl.style.display = '';
            result = false;
        }
        if (emailVal === '') {
            emailErrEl.style.display = '';
            result = false;
        } else {
            var emailPattern = /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/;
            if (!emailPattern.test(emailVal)) {
                emailVerifyErrEl.style.display = '';
                result = false;
            }
        }
        if (contactVal === '') {
            contactErrEl.style.display = '';
            result = false;
        }
        return result;
    }
    </script>
    <script>

        $(function () {
                var $adultBlock = $('#adultBlock');
        var $childrenBlock = $('#childrenBlock');
        $('input[name="travel_group"]').each((i, groupEle) => {
                $(groupEle).click(function (e) {

                    var currentTarget = e.currentTarget;
            if (currentTarget.id === 'Family' || currentTarget.id === 'Other' ) {
              $adultBlock.show();
              $childrenBlock.show();
            } else {
              $adultBlock.show();
              $childrenBlock.hide();
            }
            if (currentTarget.id === 'Couple') {
                      $('#adult_18_plus').val('2');
                    } else if (currentTarget.id === 'Solo') {                      
                      $('#adult_18_plus').val('1');
                    }
                })
            });

            var $tripDateBlock = $('#tripDateBlock');
    var $expectedDate = $('#date_start_block');
    var $expectedMonth = $('#expectedMonth');
    var $dateSelectionBlock = $('#dateSelectionBlock');
    var $expectedTravelDateBlock = $('#expectedTravelDateBlock');
    $('input[name="trip_date"]').each((i, tripDateEle) => {
			$(tripDateEle).click(function (e) {
        $expectedDate.val('');
        $expectedMonth.val('');
        $tripDateBlock.show();
        var selectedTripDate = e.currentTarget;
        selectedExpectedDate = selectedTripDate.id;
        if (selectedTripDate.id === 'exact') {
          $dateSelectionBlock.show();
          $expectedTravelDateBlock.hide();
          $expectedMonth.hide();
          $expectedDate.show();
        } else if (selectedTripDate.id === 'approximate') {
          $dateSelectionBlock.show();
          $expectedTravelDateBlock.hide();
          $expectedDate.hide();
          $expectedMonth.show();
        } else if (selectedTripDate.id === 'yet') {
          $dateSelectionBlock.hide();
          $expectedTravelDateBlock.show();
        }
      })
    });

		var tripLength = $('#tripLengthNumber').val();

      	// Trip Length
		$('#tripLengthPlus').click(function () {
			tripLength++;
			$('#tripLengthNumber').val(tripLength);
		});

		$('#tripLengthMinus').click(function () {
			if (tripLength > 1) {
				tripLength--;
				$('#tripLengthNumber').val(tripLength);
			}
		});
      })
        </script>
        <script>
            // 折叠展开

              document.querySelectorAll('div[collapse]').forEach(function ($collapseDiv, index) {
                $collapseDiv.onclick = function (e) {
                  let collapseStatus = $collapseDiv.getAttribute('collapse-status');
                  let targetId = $collapseDiv.getAttribute("data-target");
                  let targetIconId = $collapseDiv.getAttribute("data-target-icon");
                  let $targetElement = document.getElementById(targetId);
                  let $targetIcon = document.getElementById(targetIconId);
                  if (collapseStatus == undefined || collapseStatus == "show") {
                    $targetIcon.classList.remove("CloseIcon");
                    $targetIcon.classList.add("OpenIcon");
                    $collapseDiv.setAttribute("collapse-status", "hide");
                    slideUp($targetElement);
                  } else {
                    $targetIcon.classList.remove("OpenIcon");
                    $targetIcon.classList.add("CloseIcon");
                    $collapseDiv.setAttribute("collapse-status", "show");
                    slideDown($targetElement);
                  }
                }
              });
              document.querySelector('.expandAll').onclick = function (e) {
                let obj = document.querySelector('.expandAll');
                let all_status = obj.getAttribute("collapse-status");
                if (all_status == "hide") {
                  obj.setAttribute("collapse-status", "show");
                  obj.querySelector(".expandAllText").innerHTML = "Collapse All";
                  obj.parentNode.querySelectorAll("div[collapse] span[id$='Icon']").forEach(function(icon, i){
                    icon.classList.remove('OpenIcon');
                    icon.classList.add('CloseIcon');
                  });
                  obj.parentNode.querySelectorAll("div[collapse-content]").forEach(function(itinerary, i){
                    slideDown(itinerary);
                  });
                  obj.parentNode.querySelectorAll("div[collapse]").forEach(function(title, i){
                    title.setAttribute("collapse-status", "show");
                  });
                } else {
                  obj.setAttribute("collapse-status", "hide");
                  obj.querySelector(".expandAllText").innerHTML = "Expand All";
                  obj.parentNode.querySelectorAll("div[collapse] span[id$='Icon']").forEach(function(icon, i){
                    icon.classList.remove('CloseIcon');
                    icon.classList.add('OpenIcon');
                  });
                  obj.parentNode.querySelectorAll("div[collapse-content]").forEach(function(itinerary, i){
                    slideUp(itinerary);
                  });
                  obj.parentNode.querySelectorAll("div[collapse]").forEach(function(title, i){
                    title.setAttribute("collapse-status", "hide");
                  });
                }
              }
              function slideUp(target, duration) {
                duration = duration ? duration : 500;
                target.style.transitionProperty = 'height, margin, padding';
                target.style.transitionDuration = duration + 'ms';
                target.style.boxSizing = 'border-box';
                target.style.height = target.offsetHeight + 'px';
                target.offsetHeight;
                target.style.overflow = 'hidden';
                target.style.height = 0;
                target.style.paddingTop = 0;
                target.style.paddingBottom = 0;
                target.style.marginTop = 0;
                target.style.marginBottom = 0;
                window.setTimeout(() => {
                  target.style.display = 'none';
                  target.style.removeProperty('height');
                  target.style.removeProperty('padding-top');
                  target.style.removeProperty('padding-bottom');
                  target.style.removeProperty('margin-top');
                  target.style.removeProperty('margin-bottom');
                  target.style.removeProperty('overflow');
                  target.style.removeProperty('transition-duration');
                  target.style.removeProperty('transition-property');
                }, duration);
              }

              function slideDown(target, duration) {
                duration = duration ? duration : 500;
                target.style.removeProperty('display');
                let display = window.getComputedStyle(target).display;
                if (display === 'none')
                  display = 'block';
                target.style.display = display;
                let height = target.offsetHeight;
                target.style.overflow = 'hidden';
                target.style.height = 0;
                target.style.paddingTop = 0;
                target.style.paddingBottom = 0;
                target.style.marginTop = 0;
                target.style.marginBottom = 0;
                target.offsetHeight;
                target.style.boxSizing = 'border-box';
                target.style.transitionProperty = "height, margin, padding";
                target.style.transitionDuration = duration + 'ms';
                target.style.height = height + 'px';
                target.style.removeProperty('padding-top');
                target.style.removeProperty('padding-bottom');
                target.style.removeProperty('margin-top');
                target.style.removeProperty('margin-bottom');
                window.setTimeout(() => {
                  target.style.removeProperty('height');
                  target.style.removeProperty('overflow');
                  target.style.removeProperty('transition-duration');
                  target.style.removeProperty('transition-property');
                }, duration);
              }
            </script>
            <script src="https://data.asiahighlights.com/min/?f=/js/jquery-1.8.2.min.js,/js/jquery.mailAutoComplete-4.0.min.js"></script>
        <style>
    .date_select {width: 31% !important; margin-bottom: 10px;}
    .age_range { margin-top: 45px;}
    @media (max-width: 750px){
    .date_select {width: 47% !important;}
    .date_select label {font-size:17px !important;}
    }
            </style>

<style type="text/css">
.emailist{border:1px solid #bdbdbd; border-radius: 4px; background-color:#fff; color:#666; font-size:14px; list-style-type:0; padding:0; margin:0; overflow:hidden;}
.emailist li{    padding: 2px 11px;
    cursor: pointer;
    font-size: 18px;
    text-shadow: none;
    color: #000;
}
.emailist .on, .emailist li:hover{background-color:#eee;}
</style>
<script>
  $("#email").mailAutoComplete({
    email: ['gmail.com','outlook.com','yahoo.com','icloud.com','hotmail.com','live.com','aol.com']
  });
</script>