information-system/application/views/mobile_first/jh-inquiry-form.php

<script src="https://www.recaptcha.net/recaptcha/enterprise.js?render=6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja"></script>
<div class="tmbottom">
    <h3 style="text-align: center; font-size: 20px; line-height: 22px;">Inquire now! Your 1:1 travel consultant will reply within 1 working day.</h3>
    <form action="/orders/quick_inquiry_save" method="post" novalidate="" id="quick_inquiry_form">
        <textarea id="form_additionalrequirements" name="additional_requirements" placeholder="E.g.: This is a big trip for anniversary, honeymoon, birthday celebration..."></textarea>

        <div class="selectionBlock">
            <h4 style="margin-bottom: 0;
            margin-top: 10px;
            font-size: 1.2rem;">
                * 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;">Adults number (age ≥ 18 years old)</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: 17px;
">people</p>
                </div>

            </div>
            <div class="clear"></div>
            <div id="childrenBlock" style="display: none">
                <p style="margin-top: 0;margin-bottom: 0;">Children number</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: 17px;
">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: 17px;
">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: 17px;
">people</p>
                </div>
            </div>

        </div>

        <div class="selectionBlock">
            <h4 style="margin-bottom: 0; margin-top: 10px; font-size: 1.2rem;">
            * What's your hotel choice?
            </h4>
            <p style="font-size: 15px;
            line-height: 20px;
            margin-top: 10px;
            color: #666;
            margin-bottom: 5px;">Good to know: Hotel prices often rise by 50% - 100% during Cherry Blossom (late March–early April) and Christmas/New Year (late December - early January). Price shown is an estimate per room, per night.</p>
            <div class="travel_group hotel_pick">
                <input type="radio" value="Luxury & Beyond US$1000+/night" id="Luxury" name="hotel">
                <label for="Luxury" class="family">
                    Luxury & Beyond
<em>US$1000+/night</em>
                </label>
            </div>
            <div class="travel_group hotel_pick">
                <input type="radio" value="Deluxe Hotels US$350+/night" id="Deluxe" name="hotel">
                <label for="Deluxe" class="family">
                    Deluxe Hotels
<em>US$350+/night</em>
                </label>
            </div>
            <div class="travel_group hotel_pick">
                <input type="radio" value="Handpicked Comfort US$200-300/night" id="Handpicked" name="hotel">
                <label for="Handpicked" class="family">
                    Handpicked Comfort
                <em>US$200-300/night</em>
                </label>
            </div>
            <div class="travel_group hotel_pick">
                <input type="radio" value="Simple & Well-Located US$100-200/night" id="Simple" name="hotel">
                <label for="Simple" class="family">
                    Simple & Well-Located
                <em>US$100-200/night</em>
                </label>
            </div>
            <div class="travel_group hotel_pick">
                <input type="radio" value="Self-booking" id="Self" name="hotel">
                <label for="Self" class="family" style="padding: 19px 0;">
                    Self-booking
                </label>
            </div>
        </div>

                        <div class="selectionBlock" style="margin-bottom: 10px;">
                            <h4 style="margin-bottom: 0;
                            margin-top: 10px;
                            font-size: 1.2rem;">
                            * 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="date_select" >
                                <input type="radio" value="exact dates" id="exact" name="trip_date">
                                <label for="exact" class="updatedestination" style="font-size: 16px;">
                                    Exact dates
                                </label>
                            </div>
                            <div class="date_select" >
                                <input type="radio" value="approximate dates" id="approximate" name="trip_date">
                                <label for="approximate" class="updatedestination" style="font-size: 16px;">
                                    Approximate dates
                                </label>
                            </div>
                            <div class="date_select" >
                                <input type="radio" value="Undecided dates" id="yet" name="trip_date">
                                <label for="yet" class="updatedestination" style="font-size: 16px;">
                                    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. 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>
                                                      <option value="May. 2027">May. 2027</option>
                                                      <option value="Jun. 2027">Jun. 2027</option>
                                                      <option value="Jul. 2027">Jul. 2027</option>
                                                      <option value="Aug. 2027">Aug. 2027</option>
                                                      <option value="Sep. 2027">Sep. 2027</option>
                                                      <option value="Oct. 2027">Oct. 2027</option>
                                                      <option value="Nov. 2027">Nov. 2027</option>
                                                      <option value="Dec. 2027">Dec. 2027</option>

                                                      <option value="Jan. 2028">Jan. 2028</option>
                                                      <option value="Feb. 2028">Feb. 2028</option>
                                                      <option value="Mar. 2028">Mar. 2028</option>
                                                      <option value="Apr. 2028">Apr. 2028</option>
                                                      <option value="May. 2028">May. 2028</option>
                                                      <option value="Jun. 2028">Jun. 2028</option>
													  <option value="Jul. 2028">Jul. 2028</option>
                                                      <option value="Aug. 2028">Aug. 2028</option>
                                                      <option value="Sep. 2028">Sep. 2028</option>
                                                      <option value="Oct. 2028">Oct. 2028</option>
                                                      <option value="Nov. 2028">Nov. 2028</option>
                                                      <option value="Dec. 2028">Dec. 2028</option>
                                                      <option value="Jan. 2029">Jan. 2029</option>
                  <option value="Feb. 2029">Feb. 2029</option><option value="Mar. 2029">Mar. 2029</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" id="country_code">

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

<script src="https://data.japanhighlights.com/min/?f=/js/jquery-1.8.2.min.js,/js/flatpickr-4.6.1.min.js"></script>
<script>
  var selectedExpectedDate = '';
document.addEventListener('DOMContentLoaded', () => {
    datePickerInstance = flatpickr("#starting_date", {
        dateFormat: "Y-m-d",
        altInput: true,
        altFormat: "F j, Y",
        disableMobile: true,
        minDate: "today"
    });

    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();
        if (validateResult) {
          if (typeof(grecaptcha) === "undefined") {
            console.warn('grecaptcha is disabled.');
            quick_inquiry_form.submit();
          } else {
            try {fbq('track', 'SubmitApplication');} catch (error) {}
            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 $tripDateTip = $('#trip_date_tip');

    $('input[name="trip_date"]').each((i, tripDateEle) => {
			$(tripDateEle).click(function (e) {
        $expectedDate.val('');
        $expectedMonth.val('');
        $tripDateBlock.show();
        datePickerInstance.clear();
        var selectedTripDate = e.currentTarget;
        selectedExpectedDate = selectedTripDate.id;
        if (selectedTripDate.id === 'exact') {
          $dateSelectionBlock.show();
          $expectedMonth.hide();
          $expectedDate.show();
          $tripDateTip.show();
        } else if (selectedTripDate.id === 'approximate') {
          $dateSelectionBlock.show();
          $expectedDate.hide();
          $expectedMonth.show();
          $tripDateTip.show();
        } else if (selectedTripDate.id === 'yet') {
          $dateSelectionBlock.hide();
          $tripDateTip.hide();
        }
      })
    });
  })
    </script>
    <script>
    $(function () {
        $.getJSON("https://www.chinahighlights.com/guide-use.php/apps/ip2location/index/get_country", function (data) {
            var yourCountry = data.country_name;
            $('#country_code option').each((i, optionEle) => {
                var countryName = optionEle.value.split('+')[0].trim();
                if (yourCountry === countryName) {
                    optionEle.selected = true;
                }
            });
        })
            .fail(function (xhr, status, error) {
                console.error(error);
            });
    })
    </script>
<script>(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"187222721", enableAutoSpaTracking: true};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script><!-- You can set default Consent Mode right after the UET tag --><script>window.uetq = window.uetq || [];window.uetq.push('consent', 'default', {'ad_storage': 'denied'});</script><!-- Implement a cookie banner or another method to collect user consent. When a user grants consent (e.g., selects 'Accept' on your banner), update the consent settings using the command below. --><script>window.uetq = window.uetq || [];window.uetq.push('consent', 'update', {'ad_storage': 'granted'});</script>
    <style>
.date_select {width: 31%;
    float: left;
    margin-right: 10px;}
@media (max-width: 750px){
    .date_select {width: 33% !important; margin-right: 0;}
    .hotel_pick {width: 50% !important;}
    .date_select label {font-size:17px !important;height: 35px;}
}
        </style>