You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
information-system/application/views/mobile_first/thailand-inquiry-form.php

715 lines
41 KiB
PHP

This file contains invisible Unicode characters!

This file contains invisible Unicode characters that may be processed differently from what appears below. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to reveal hidden characters.

<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: 18px;
">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: 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">
<h4 style="margin-bottom: 0;
margin-top: 10px;
font-size: 1.2rem;">
* What's your hotel choice?
</h4>
<div class="travel_group hotel_pick">
<input type="radio" value="Deluxe (5-star &amp; up)" id="Deluxe" name="hotel">
<label for="Deluxe" class="family">
Deluxe<br> (5-star &amp; up)
</label>
</div>
<div class="travel_group hotel_pick">
<input type="radio" value="Handpicked comfort (4-star)" id="Handpicked" name="hotel">
<label for="Handpicked" class="family">
Selected comfort<br> (4-star)
</label>
</div>
<div class="travel_group hotel_pick">
<input type="radio" value="Standard (3-star)" id="Standard" name="hotel">
<label for="Standard" class="family">
Standard <br>(3-star)
</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: 18px;">
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: 18px;">
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: 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. 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. 2027">Jan. 2028</option>
<option value="Feb. 2027">Feb. 2028</option>
<option value="Mar. 2027">Mar. 2028</option>
<option value="Apr. 2027">Apr. 2028</option>
<option value="May. 2027">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.thailandhighlights.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("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();
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:"187223863", 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.9%;
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>