|
|
|
|
@ -4,8 +4,8 @@
|
|
|
|
|
<h3 style="font-size: 24px; line-height: 22px; font-family: Calibri;margin-top: 60px;">Chiang Mai CAD Yi Peng Festival 2025 Ticket Booking</h3>
|
|
|
|
|
<form id='ticket_form' action="https://www.highlightstravel.com/orders/lantern_save" method="post" >
|
|
|
|
|
<p style="font-size: 20px; margin-bottom: 15px;"><strong>Choose a Date:</strong></p>
|
|
|
|
|
<div class="selectHotl" style="margin-bottom: 20px;" id="ticket_date_november15th">
|
|
|
|
|
<div class="optionLable">
|
|
|
|
|
<div class="selectHotl" style="margin-bottom: 20px;">
|
|
|
|
|
<div class="optionLable" id="ticket_date_november15th">
|
|
|
|
|
<input type="radio" value="2025-11-5" checked id="november15th" name="ticket_date">
|
|
|
|
|
<label for="november15th">
|
|
|
|
|
November 5th, 2025
|
|
|
|
|
@ -69,43 +69,23 @@
|
|
|
|
|
<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;">
|
|
|
|
|
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 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;">
|
|
|
|
|
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">$149</strong></div>
|
|
|
|
|
|
|
|
|
|
<p style=" margin-top: 30px;
|
|
|
|
|
margin-bottom: 10px;"><strong>Please provide correct personal info. Double check.</strong></p>
|
|
|
|
|
<p style=" margin-top: 30px; margin-bottom: 10px;"><strong>Please provide correct personal info. Double check.</strong></p>
|
|
|
|
|
<input class="FullName" id="ticket_realname" name="fullname"
|
|
|
|
|
placeholder="Your name * (exactly per passport)" required="" type="text" value="" />
|
|
|
|
|
<div id="ticket_realname_errmsg" style="display: none">
|
|
|
|
|
@ -373,12 +353,10 @@ background: #fff;margin-top: 15px; margin-bottom: 20px; display: none;">
|
|
|
|
|
|
|
|
|
|
<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; ?>" />
|
|
|
|
|
<input name="itinerary" type="hidden" value="Chiang Mai CAD Yi Peng 2025 Tickets: Best Seats & Value" />
|
|
|
|
|
<button class="sendButton" id="submit_ticket_button" name="submit_ticket_form"
|
|
|
|
|
type="button" style="margin-top: 20px;">Proceed to Payment</button>
|
|
|
|
|
<p style=" text-align: center;
|
|
|
|
|
margin-top: -15px;
|
|
|
|
|
line-height: 20px;"><strong>Once payment is received, we'll send your e-ticket within 24 hours.</strong></p>
|
|
|
|
|
<p style=" text-align: center; margin-top: -15px; line-height: 20px;"><strong>Once payment is received, we'll send your e-ticket within 24 hours.</strong></p>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<script>
|
|
|
|
|
@ -406,36 +384,20 @@ background: #fff;margin-top: 15px; margin-bottom: 20px; display: none;">
|
|
|
|
|
var ticket_type_vip_khomloy_div = document.getElementById("ticket_type_vip_khomloy");
|
|
|
|
|
var ticket_type_standard_khomloy_div = document.getElementById("ticket_type_standard_khomloy");
|
|
|
|
|
|
|
|
|
|
var ticket_type_premium_heritage_div = document.getElementById("ticket_type_premium_heritage");
|
|
|
|
|
var ticket_type_vip_heritage_div = document.getElementById("ticket_type_vip_heritage");
|
|
|
|
|
|
|
|
|
|
var premium_khomloy_radio = document.getElementById("premium_khomloy");
|
|
|
|
|
var premium_heritage_radio = document.getElementById("premium_heritage");
|
|
|
|
|
var premium_radio = document.getElementById("premium_khomloy");
|
|
|
|
|
var vip_radio = document.getElementById("vip_khomloy");
|
|
|
|
|
var standard_radio = document.getElementById("standard_khomloy");
|
|
|
|
|
var costume_radio = document.getElementById("premium_costume");
|
|
|
|
|
|
|
|
|
|
var ticket_date_november15th = document.getElementById("ticket_date_november15th");
|
|
|
|
|
var ticket_date_november16th = document.getElementById("ticket_date_november16th");
|
|
|
|
|
|
|
|
|
|
var venueList = document.querySelectorAll("input[name='Venue']");
|
|
|
|
|
|
|
|
|
|
var totalPriceText = document.getElementById("totalPriceText");
|
|
|
|
|
var totalPriceHidden = document.getElementById("totalPriceHidden");
|
|
|
|
|
var adultNumberValue = parseInt(adultNumberNode.value);
|
|
|
|
|
var makeupNumberValue = parseInt(makeupNumberNode.value);
|
|
|
|
|
var currentTicketPrice = 10000;
|
|
|
|
|
|
|
|
|
|
for (var i = 0; i < venueList.length; i++) {
|
|
|
|
|
var venueNode = venueList[i];
|
|
|
|
|
venueNode.addEventListener('click', function (event) {
|
|
|
|
|
var currentTarget = event.currentTarget;
|
|
|
|
|
if (currentTarget.id === 'Khomloy') {
|
|
|
|
|
setKhomloyTicket();
|
|
|
|
|
}
|
|
|
|
|
if (currentTarget.id === 'Heritage') {
|
|
|
|
|
setHeritageTicket();
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
for (var i = 0; i < ticketTypeList.length; i++) {
|
|
|
|
|
var ticketTypeNode = ticketTypeList[i];
|
|
|
|
|
var dataPrice = parseInt(ticketTypeNode.getAttribute('data-price'));
|
|
|
|
|
@ -451,36 +413,47 @@ background: #fff;margin-top: 15px; margin-bottom: 20px; display: none;">
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function setKhomloyTicket() {
|
|
|
|
|
ticket_type_premium_khomloy_div.style.display = '';
|
|
|
|
|
ticket_type_vip_khomloy_div.style.display = '';
|
|
|
|
|
ticket_type_standard_khomloy_div.style.display = '';
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
|
|
|
|
|
|
|
|
setNovember15thTicket();
|
|
|
|
|
|
|
|
|
|
ticket_date_november15th.addEventListener('click', function () {
|
|
|
|
|
setNovember15thTicket();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
ticket_date_november16th.addEventListener('click', function () {
|
|
|
|
|
setNovember16thTicket();
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
ticket_type_premium_heritage_div.style.display = 'none';
|
|
|
|
|
ticket_type_vip_heritage_div.style.display = 'none';
|
|
|
|
|
function setNovember15thTicket() {
|
|
|
|
|
// ticket_type_premium_khomloy_div.style.display = '';
|
|
|
|
|
// ticket_type_vip_khomloy_div.style.display = '';
|
|
|
|
|
// ticket_type_standard_khomloy_div.style.display = 'none';
|
|
|
|
|
|
|
|
|
|
ticket_date_november15th.style.display = '';
|
|
|
|
|
ticket_date_november16th.style.display = '';
|
|
|
|
|
premium_radio.disabled = false;
|
|
|
|
|
vip_radio.disabled = false;
|
|
|
|
|
standard_radio.disabled = true;
|
|
|
|
|
costume_radio.disabled = false;
|
|
|
|
|
|
|
|
|
|
premium_khomloy_radio.checked = true;
|
|
|
|
|
currentTicketPrice = parseInt(premium_khomloy_radio.getAttribute('data-price'));
|
|
|
|
|
premium_radio.checked = true;
|
|
|
|
|
currentTicketPrice = parseInt(premium_radio.getAttribute('data-price'));
|
|
|
|
|
adultNumberValue = parseInt(adultNumberNode.value);
|
|
|
|
|
calcTotalPrice(currentTicketPrice, adultNumberValue);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function setHeritageTicket() {
|
|
|
|
|
ticket_type_premium_khomloy_div.style.display = 'none';
|
|
|
|
|
ticket_type_vip_khomloy_div.style.display = 'none';
|
|
|
|
|
ticket_type_standard_khomloy_div.style.display = 'none';
|
|
|
|
|
|
|
|
|
|
ticket_type_premium_heritage_div.style.display = '';
|
|
|
|
|
ticket_type_vip_heritage_div.style.display = '';
|
|
|
|
|
function setNovember16thTicket() {
|
|
|
|
|
// ticket_type_premium_khomloy_div.style.display = '';
|
|
|
|
|
// ticket_type_vip_khomloy_div.style.display = '';
|
|
|
|
|
// ticket_type_standard_khomloy_div.style.display = '';
|
|
|
|
|
|
|
|
|
|
ticket_date_november15th.style.display = '';
|
|
|
|
|
ticket_date_november16th.style.display = 'none';
|
|
|
|
|
premium_radio.disabled = false;
|
|
|
|
|
vip_radio.disabled = false;
|
|
|
|
|
standard_radio.disabled = false;
|
|
|
|
|
costume_radio.disabled = false;
|
|
|
|
|
|
|
|
|
|
premium_heritage_radio.checked = true;
|
|
|
|
|
currentTicketPrice = parseInt(premium_heritage_radio.getAttribute('data-price'));
|
|
|
|
|
premium_radio.checked = true;
|
|
|
|
|
currentTicketPrice = parseInt(premium_radio.getAttribute('data-price'));
|
|
|
|
|
adultNumberValue = parseInt(adultNumberNode.value);
|
|
|
|
|
calcTotalPrice(currentTicketPrice, adultNumberValue);
|
|
|
|
|
}
|
|
|
|
|
|