@ -1,15 +1,18 @@
< script src = "https://www.recaptcha.net/recaptcha/enterprise.js?render=6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja" > < / script >
< div class = "all_width_content" >
< div class = "form_content" >
< div class = "list_tmbottom" >
< h3 style = "text-align:center;" > Start planning your tailor-made tour now. Your 1:1 travel consultant will reply within 1 working day.< / h3 >
< script
src="https://www.recaptcha.net/recaptcha/enterprise.js?render=6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja">< / script >
< div class = "all_width_content" >
< div class = "form_content" >
< div class = "list_tmbottom" >
< h3 style = "text-align:center;" > Start planning your tailor-made tour now. Your 1:1 travel consultant will
reply within 1 working day.< / h3 >
< form action = "/orders/quick_inquiry_save" method = "post" novalidate = "" id = "tour_list_form" >
< textarea name = "additional_requirements" placeholder = "Tell us your travel requirements here: anniversary, honeymoon, family trip, birthday travel, beach, food... (optional)" style = "height:100px;" > < / textarea >
< textarea name = "additional_requirements"
placeholder="Tell us your travel requirements here: anniversary, honeymoon, family trip, birthday travel, beach, food... (optional)"
style="height:80px;">< / textarea >
< div class = "selectionBlock" >
< h4 >
< h4 style = "margin-top: 0; margin-bottom: 0px;" >
Number in your group
< / h4 >
< div id = "group_error_msg" style = "display: none" >
@ -50,8 +53,7 @@
< p style = "margin-top: 20px;" > < strong >
Adults (≥18 years old)
< / strong > < / p >
< button class = "minaddBtn reduceadult" id = "minusAdult" type = "button"
value="-">-< / button >
< button class = "minaddBtn reduceadult" id = "minusAdult" type = "button" value = "-" > -< / button >
< input class = "number" type = "text" value = "2" id = "adultNumber" name = "adult" >
< button class = "minaddBtn addadult" type = "button" id = "plusAdult" value = "+" > +< / button >
< / div >
@ -61,34 +63,41 @@
< / p >
< div class = "checkYes" style = "float:left;" >
< label for = "65+" >
< input type = "checkbox" value = "yes" name = "age_65_plus" id = "65+" class = "checkBorder" > 65+
< input type = "checkbox" value = "yes" name = "age_65_plus" id = "65+"
class="checkBorder">65+
< / label >
< / div >
< div class = "checkYes" style = "float:left;" >
< label for = "51-64" >
< input type = "checkbox" value = "yes" name = "age_51_64" id = "51-64" class = "checkBorder" > 51-64
< input type = "checkbox" value = "yes" name = "age_51_64" id = "51-64"
class="checkBorder">51-64
< / label >
< / div >
< div class = "checkYes" style = "float:left;" >
< label for = "41-50" >
< input type = "checkbox" value = "yes" name = "age_41_50" id = "41-50" class = "checkBorder" > 41-50
< input type = "checkbox" value = "yes" name = "age_41_50" id = "41-50"
class="checkBorder">41-50
< / label >
< / div >
< div class = "checkYes" style = "float:left;" >
< label for = "31-40" >
< input type = "checkbox" value = "yes" name = "age_31_40" id = "31-40" class = "checkBorder" > 31-40
< input type = "checkbox" value = "yes" name = "age_31_40" id = "31-40"
class="checkBorder">31-40
< / label >
< / div >
< div class = "checkYes" style = "float:left;" >
< label for = "18-30" >
< input type = "checkbox" value = "yes" name = "age_18_30" id = "18-30" class = "checkBorder" > 18-30
< input type = "checkbox" value = "yes" name = "age_18_30" id = "18-30"
class="checkBorder">18-30
< / label >
< / div >
< / div >
< / div >
< div class = "clear" > < / div >
< div id = "childrenBlock" style = "display: none" >
< p style = "margin-top: 0;" > < strong > Children< / strong > < / p >
< p style = "margin-top: 0 ; margin-top: 0 ;
margin-bottom: 5px;
font-size: 20px;">< strong > Children< / 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_yrs" >
@ -139,11 +148,13 @@
< / div >
< input class = "FullName" id = "realname" name = "name" placeholder = "Your name *" required = "" type = "text" value = "" / >
< 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 = "" / >
< 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 >
@ -151,16 +162,22 @@
< div id = "email_verify_errmsg" style = "display: none" >
< div class = "requiredArea" style = "margin-top:-10px;" > Please verify your email< / div >
< / div >
< input class = "InquiryCalendar" id = "starting_date" name = "date_start" placeholder = "Starting date *" readonly = "readonly" / >
< input class = "InquiryCalendar" id = "starting_date" name = "date_start" placeholder = "Starting date *"
readonly="readonly" />
< div id = "starting_date_errmsg" style = "display: none" >
< div class = "requiredArea" style = "margin-top:-10px;" > Please enter your starting date< / div >
< / div >
< p style = "font-size: 17px ;
color: #555;
margin-top: -5px;
margin-bottom: 5px;
font-style: italic;
padding-left: 0;
line-height: 20px;
">Having a phone number, especially with WhatsApp/iMessage capability will improve communication efficiency.< / p >
< select name = "country_code" class = "country_code" >
< option style = "font-weight: 600;" value = "United States +1" > United States +1
< / option >
< option style = "font-weight: 600;" value = "United Kingdom +44" > United Kingdom +44
< / option >
< option style = "font-weight: 600;" value = "United States +1" > United States +1< / option >
< option style = "font-weight: 600;" value = "United Kingdom +44" > United Kingdom +44< / option >
< option style = "font-weight: 600;" value = "Australia +61" > Australia +61< / option >
< option style = "font-weight: 600;" value = "Canada +1" > Canada +1< / option >
< option style = "font-weight: 600;" value = "France +33" > France +33< / option >
@ -169,7 +186,6 @@
< option style = "font-weight: 600; " value = "Mexico +52" > Mexico +52< / option >
< option style = "font-weight: 600; " value = "Netherlands +31" > Netherlands +31< / option >
< option style = "font-weight: 600; " value = "Singapore +65" > Singapore +65< / option >
< option value = "Afghanistan +93" > Afghanistan +93< / option >
< option value = "Albania +355" > Albania +355< / option >
< option value = "Algeria +213" > Algeria +213< / option >
@ -418,45 +434,42 @@
< option value = "Zambia +260" > Zambia +260< / option >
< option value = "Zimbabwe +263" > Zimbabwe +263< / option >
< option value = "Åland Islands +385" > Åland Islands +358< / option >
< / select >
< input class = "Inquiryphone" id = "PhoneNo" name = "PhoneNo" placeholder = "Phone number (We'll only call if you ask.) *" type = "tel" value = "" / >
< / select >
< input class = "Inquiryphone" id = "PhoneNo" name = "PhoneNo"
placeholder="Phone number (We'll only call if you ask.) *" 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 = "font-size: 17px ;
color: #555;
margin-top: -10px;
margin-bottom: 5px;
font-style: italic;
padding-left: 0;
line-height: 20px;
">Having a phone number, especially with WhatsApp/iMessage capability will improve communication efficiency.< / p >
< p style = "
< 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 prefer to be contacted via:< / p >
< div class = "checkYes" >
< input type = "checkbox" value = "yes" name = "contact_via_whatsapp" id = "whatsapp" class = "checkBorder" >
< 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" >
< / div >
< div class = "checkYes" >
< input type = "checkbox" value = "yes" name = "contact_via_iMessage" id = "iMessage" class = "checkBorder" >
< label for = "iMessage" > iMessage< / label >
< / div >
< div class = "checkYes" >
< input type = "checkbox" value = "yes" name = "contact_via_phone_call" id = "Phone" class = "checkBorder" >
< / div >
< div class = "checkYes" >
< input type = "checkbox" value = "yes" name = "contact_via_phone_call" id = "Phone" class = "checkBorder" >
< label for = "Phone" > Phone call< / label >
< / div >
< div class = "checkYes" >
< input type = "checkbox" value = "yes" name = "contact_via_video_appointment" id = "Video" class = "checkBorder" >
< / div >
< div class = "checkYes" >
< input type = "checkbox" value = "yes" name = "contact_via_video_appointment" id = "Video"
class="checkBorder">
< label for = "Video" > Video appointment< / label >
< / div >
< / div >
< button class = "sendButton" id = "tour_list_button" name = "tour_list_button" type = "button" > Inquire Now</ button > < input name = "product_code" type = "hidden" value = " <?php echo $meta_product_code ; ?> " />
< button class = "sendButton" id = "tour_list_button" name = "tour_list_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 >
<!--
< / form >
<!--
< h3 style = "text-align: center; font-size: 20px; line-height: 22px;" > For a quick conversation, simply reach us via WhatsApp:< / h3 >
< div class = "contactwechat" > < img alt = "asia highlights' wechat code" height = "100px" src = "https://data.asiahighlights.com/image/about/asia-highlights-whatsapp-code.jpg" width = "100px" / >
@ -464,11 +477,13 @@
Email: < span class = "wechatred" > contact@asiahighlights.com< / span > < / div >
< / div >
-->
< / div > < / div > < / div >
< / div >
< / div >
< / div >
< script src = "https://data.asiahighlights.com/min/?f=/js/jquery-1.8.2.min.js,/js/flatpickr-4.6.1.min.js" > < / script >
< script >
document.addEventListener('DOMContentLoaded', () => {
document.addEventListener('DOMContentLoaded', () => {
flatpickr("#starting_date", {
dateFormat: "Y-m-d",
altInput: true,
@ -480,15 +495,15 @@ document.addEventListener('DOMContentLoaded', () => {
var tour_list_button = document.getElementById("tour_list_button");
var tour_list_form = document.getElementById("tour_list_form");
tour_list_button.addEventListener('click', function(event) {
tour_list_button.addEventListener('click', function (event) {
var validateResult = validateQuickInquiryForm();
if (validateResult) {
if (typeof (grecaptcha) === "undefined") {
if (typeof (grecaptcha) === "undefined") {
console.warn('grecaptcha is disabled.');
tour_list_form.submit();
} else {
grecaptcha.enterprise.ready(async () => {
const token = await grecaptcha.enterprise.execute('6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja', {action: 'ADD_TO_CART'});
const token = await grecaptcha.enterprise.execute('6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja', { action: 'ADD_TO_CART' });
var el = document.createElement("input");
el.type = "hidden";
el.name = "__grecaptcha_token__";
@ -501,9 +516,9 @@ document.addEventListener('DOMContentLoaded', () => {
}
});
});
});
function validateQuickInquiryForm() {
function validateQuickInquiryForm() {
var result = true;
var realnameVal = document.getElementById("realname").value;
var emailVal = document.getElementById("email").value;
@ -525,7 +540,7 @@ function validateQuickInquiryForm() {
groupErrEl.style.display = 'none';
var travel_group_is_checked = false;
document.querySelectorAll('input[name="travel_group"]').forEach(function(groupNode) {
document.querySelectorAll('input[name="travel_group"]').forEach(function (groupNode) {
if (groupNode.checked) {
travel_group_is_checked = true;
}
@ -559,7 +574,7 @@ function validateQuickInquiryForm() {
result = false;
}
return result;
}
}
< / script >
@ -582,7 +597,7 @@ function validateQuickInquiryForm() {
$infantNumberInput.val(0);
var currentTarget = e.currentTarget;
if (currentTarget.id === 'Family' || currentTarget.id === 'Other' ) {
if (currentTarget.id === 'Family' || currentTarget.id === 'Other') {
$adultBlock.show();
$childrenBlock.show();
} else {
@ -598,7 +613,7 @@ function validateQuickInquiryForm() {
});
//成人
//成人
$('#plusAdult').click(function () {
adultNumber++;
$adultNumberInput.val(adultNumber);
@ -642,4 +657,4 @@ function validateQuickInquiryForm() {
$infantNumberInput.val(infantNumber);
}
});
< / script >
< / script >