@ -1,46 +1,31 @@
<!-- New Year Countdown start -->
< script src = "https://www.recaptcha.net/recaptcha/enterprise.js?render=6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja" > < / script >
< div class = "tmbottom" >
< h3 style = "font-size: 24px; line-height: 22px;" > Chiang Mai CAD New Year Countdown t o 2025< / h3 >
< h3 style = "font-size: 24px; line-height: 22px;" > Chiang Mai CAD New Year Countdown on Dec.31st, 2025< / h3 >
< form id = 'ticket_form' action = "https://www.asiahighlights.com/orders/new_year_countdown_save" method = "post" >
< p style = "font-size: 22px;" > < strong > Select Date:< / strong > < / p >
< div class = "selectHotl" style = "margin-bottom: 20px;" >
< div class = "optionLable" >
< input type = "radio" value = "2024-12-30" id = "december30th" name = "ticket_date" >
< label for = "december30th" >
December 30th, 2024
< / label >
< / div >
< div class = "optionLable" >
< input type = "radio" value = "2024-12-31" checked id = "december31st" name = "ticket_date" >
< label for = "december31st" >
December 31st, 2024
< / label >
< / div >
< / div >
< p style = "font-size: 2 2px;"> < strong > Select an Available Ticket Type< / strong > < / p >
< p style = "font-size: 20px;margin-bottom: 20px;" > < strong > Select an Available Ticket Type:< / strong > < / p >
< div class = "selectHotl" style = "margin-bottom: 20px;" >
< div class = "optionLable" id = "ticket_type_elite_december30th" style = "display: none" >
< input type = "radio" value = "Elite Ticket" id = "elite_december30th" data-price = "189" name = "ticket_type" >
< label for = "elite_december30th" style = "font-size:1 8 px;">
< label for = "elite_december30th" style = "font-size:17px;" >
< strong style = " margin-bottom: 5px ;
display: block;
font-size: 19px;">Elite Ticket< / strong >
< div class = "selectionMemo" style = "line-height: 18px;" >
< div class = "selectionMemo" >
US$189 (6900THB)
< br >
Elite service + no transfer + dinner
< / div >
< / label >
< / div >
< div class = "optionLable" id = "ticket_type_elite_december31th" >
< div class = "optionLable" id = "ticket_type_elite_december31th" style = "display: none" >
< input type = "radio" value = "Elite Ticket" id = "elite_december31th" data-price = "289" name = "ticket_type" >
< label for = "elite_december31th" style = "font-size:1 8 px;">
< label for = "elite_december31th" style = "font-size:1 7 px;">
< strong style = " margin-bottom: 5px ;
display: block;
font-size: 19px;">Elite Ticket< / strong >
< div class = "selectionMemo" style = "line-height: 18px;" >
< div class = "selectionMemo" >
US$289 (10,000 THB)
< br >
Elite service + no transfer + dinner
@ -49,11 +34,11 @@
< / div >
< div class = "optionLable" id = "vip_type_premium_december30th" style = "display: none" >
< input type = "radio" value = "Premium Ticket" id = "premium_december30th" data-price = "139" name = "ticket_type" >
< label for = "premium_december30th" style = "font-size:1 8 px;">
< label for = "premium_december30th" style = "font-size:1 7 px;">
< strong style = " margin-bottom: 5px ;
display: block;
font-size: 19px;">Premium Ticket< / strong >
< div class = "selectionMemo" style = "line-height: 18px;" >
< div class = "selectionMemo" >
US$139 (4900THB)
< br >
Premium service + shuttle transfer + dinner
@ -61,25 +46,21 @@
< / label >
< / div >
< div class = "optionLable" id = "vip_type_premium_december31th" >
< input type = "radio" value = "Premium Ticket" id = "premium_december31th" data-price = "179" name = "ticket_type" >
< label for = "premium_december31th" style = "font-size:18px;" >
< strong style = " margin-bottom: 5px ;
display: block;
font-size: 19px;">Premium Ticket< / strong >
< div class = "selectionMemo" style = "line-height: 18px;" >
US$179 (6,500 THB)
< br >
Premium service + shuttle transfer + dinner
< input type = "radio" value = "Premium Ticket+ Transfer + Dinner" id = "premium_december31th" data-price = "209" name = "ticket_type" >
< label for = "premium_december31th" style = "font-size:19px;" >
Premium+Transfer+Dinner
< div class = "selectionMemo" >
US$209
< / div >
< / label >
< / div >
< div class = "optionLable" id = "ticket_type_standard_december30th" style = "display: none" >
< input type = "radio" value = "VIP Ticket" id = "vip_december30th" data-price = "109" name = "ticket_type" >
< label for = "vip_december30th" style = "font-size:1 8 px;">
< label for = "vip_december30th" style = "font-size:1 7 px;">
< strong style = " margin-bottom: 5px ;
display: block;
font-size: 19px;">VIP Ticket< / strong >
< div class = "selectionMemo" style = "line-height: 18px;" >
< div class = "selectionMemo" >
US$109 (3900THB)
< br >
VIP service + shuttle transfer + dinner
@ -87,15 +68,29 @@
< / label >
< / div >
< div class = "optionLable" id = "ticket_type_standard_december31th" >
< input type = "radio" value = "VIP Ticket " checked id = "vip_december31th" data-price = "1 3 9" name = "ticket_type" >
< input type = "radio" value = "VIP Ticket + Transfer + Dinner " checked id = "vip_december31th" data-price = "1 9 9" name = "ticket_type" >
< label for = "vip_december31th" style = "font-size:18px;" >
< strong style = " margin-bottom: 5px ;
display: block;
font-size: 19px;">VIP Ticket< / strong >
< div class = "selectionMemo" style = "line-height: 18px;" >
US$139 (5,000 THB)
< br >
VIP service + shuttle transfer + dinner
VIP+Transfer+Dinner
< div class = "selectionMemo" >
US$199
< / div >
< / label >
< / div >
< div class = "optionLable" id = "ticket_type_standard_december31th" >
< input type = "radio" value = "Standard Ticket+ Transfer + Dinner" checked id = "standard_december31th" data-price = "149" name = "ticket_type" >
< label for = "standard_december31th" style = "font-size:18px;" >
Standard+Transfer+Dinner
< div class = "selectionMemo" >
US$149
< / div >
< / label >
< / div >
< div class = "optionLable" id = "ticket_type_standard_december31th" >
< input type = "radio" value = "Premium+Transfer+Dinner+Thai Costume" checked id = "premium_costume" data-price = "349" name = "ticket_type" >
< label for = "premium_costume" style = "font-size:18px;" >
Premium+Transfer+Dinner< br > +Thai Costume
< div class = "selectionMemo" >
US$149
< / div >
< / label >
< / div >
@ -103,23 +98,26 @@
< div id = "ticket_type_errmsg" style = "display: none" >
< div class = "requiredArea" style = "margin-top:-10px;" > Please select at least one option.< / div >
< / div >
< p style = "font-size: 22px;" > < strong > Select Ticket Quantity< / strong > < / p >
< p style = "font-size: 20px;margin-bottom: 5px; margin-top: 10px;" > < strong > Select Ticket Quantity:< / strong > Adults and children (8+ years)< / p >
< p style = "font-size: 16px;font-style: italic;margin-bottom: 10px;margin-top: -5px;" > Children under 8 are free.< / p >
< div class = "peopleSelect" style = "width: auto;" >
< span class = "formMemo" >
Adults and older children (8+ years old)
< / span >
< div class = "numberBtn" >
< input class = "minaddBtn reduceadult" id = 'minusButton' type = "button" value = "-" >
< input class = "number" id = "adultNumberValue" readonly = "readonly" type = "text" value = "1"
name="adult" style="width: 50px;
height: 22px;
top: -5px;
position: relative;
text-align: center;
font-size: 20px;">
< input class = "minaddBtn addadult" id = 'plusButton' type = "button" value = "+" >
< input class = "minaddBtn reduceadult" id = "minusButton" type = "button" value = "-" >
< input class = "number" id = "adultNumberValue" readonly = "readonly" type = "text" value = "1" name = "adult" style = "width: 50px; height: 22px; top: -5px; position: relative; text-align: center; font-size: 20px;" >
< input class = "minaddBtn addadult" id = "plusButton" type = "button" value = "+" >
< / div >
< / div >
< div style = "clear: both;display: inline-block;border: 3px dashed #d1d1d1;border-radius: 10px;padding: 10px 10px 0px 10px;width: calc(100% - 30px);background: #fff;margin-top: 15px; margin-bottom: 20px; display: none;" >
< p style = "font-size: 19px;margin-bottom: 5px;font-style: italic;clear: both;" > < strong > Exclusive Add-on:< / strong > Thai Costume with Makeup & Hairstyle – < span style = "color: #ad1818;" > US$119 per person< / span > < / p >
< div class = "numberBtn" >
< input class = "minaddBtn reduceadult" id = "minusButton_makeup" type = "button" value = "-" >
< input class = "number" id = "makeupNumberValue" readonly = "readonly" type = "text" value = "0" name = "makeupNumber" style = "width: 50px;height: 22px;top: -5px;position: relative;text-align: center;font-size: 20px;" >
< input class = "minaddBtn addadult" id = "plusButton_makeup" type = "button" value = "+" >
< / div >
< / div >
< div class = "payonline_price" > Total price: < strong id = "totalPriceText" > $129< / strong > < / div >
< p style = " margin-top: 30px ;
@ -389,32 +387,38 @@
< div id = "ticket_contact_errmsg" style = "display: none" >
< div class = "requiredArea" style = "margin-top:-10px;" > Please enter your phone number.< / div >
< / div >
< textarea name = "other_travelers_names" style= "height: 60px;" placeholder= "If booking two or more tickets, please fill in other traveler name(s) here:(per passport, e.g.Smith Sarah Jean)." > < / textarea >
< textarea name = "other_travelers_names" placeholder= "If booking two or more tickets, please fill in other traveler name(s) here:(per passport, e.g.Smith Sarah Jean)." > < / textarea >
< input name = "total_price" id = "totalPriceHidden" type = "hidden" value = "10000" / >
< input name = "product_code" id = "cli_no" type = "hidden" value = "YDFW-AH" / >
< input name = "itinerary" type = "hidden" value = " <?php echo $information -> ic_title ; ?> " />
< button class = "sendButton" id = "submit_ticket_button" name = "submit_ticket_form"
type="button">Proceed to Payment< / button >
type="button" style="margin-top: 20px;" >Proceed to Payment< / button >
< p style = " text-align: center ;
font-style: italic;
margin-top: -15px;
margin-top: -15px;font-size: 18px;
line-height: 20px;">< strong > Once we receive your payment, our travel advisor will contact you within 24 hours and send you your e-ticket.< / strong > < / p >
< / form >
< / div >
< script >
function calcTotalPrice(ticketPrice, adultNumber) {
var totalPrice = ticketPrice * adultNumber;
totalPrice = totalPrice.toFixed(2);
var makeupPrice = makeupNumberValue * 119;
var totalPrice = (ticketPrice * adultNumber) + makeupPrice;
totalPrice = totalPrice.toFixed(2);
totalPriceHidden.value = totalPrice;
totalPriceText.innerText = '$' + totalPrice;
totalPriceHidden.value = totalPrice;
totalPriceText.innerText = '$' + totalPrice;
}
var adultNumberNode = document.getElementById("adultNumberValue");
var makeupNumberNode = document.getElementById("makeupNumberValue");
var ticketTypeList = document.querySelectorAll("input[name='ticket_type']");
var totalPriceText = document.getElementById("totalPriceText");
var totalPriceHidden = document.getElementById("totalPriceHidden");
var adultNumberValue = parseInt(adultNumberNode.value);
var makeupNumberValue = parseInt(makeupNumberNode.value);
var currentTicketPrice = 10000;
var vip_december30thRadio = document.getElementById("vip_december30th");
@ -502,6 +506,22 @@
calcTotalPrice(currentTicketPrice, adultNumberValue);
}
});
var plusMakeupButton = document.getElementById("plusButton_makeup");
var minusMakeupButton = document.getElementById("minusButton_makeup");
plusMakeupButton.addEventListener('click', function (event) {
makeupNumberValue = parseInt(makeupNumberNode.value) + 1;
makeupNumberNode.value = makeupNumberValue;
calcTotalPrice(currentTicketPrice, adultNumberValue);
});
minusMakeupButton.addEventListener('click', function (event) {
var beforeValue = parseInt(makeupNumberNode.value);
if (beforeValue > 0) {
makeupNumberValue = beforeValue - 1;
makeupNumberNode.value = makeupNumberValue;
calcTotalPrice(currentTicketPrice, adultNumberValue);
}
});
< / script >
< script >
var submit_ticket_button = document.getElementById("submit_ticket_button");
@ -579,3 +599,9 @@
return result;
}
< / script >
< style >
.minaddBtn {
width: auto !important;
}
< / style >
<!-- New Year Countdown end -->