|
|
<div class="container-details tour-detail-summary">
|
|
|
<form class="contact-form" id="contact-form" action="" method="POST">
|
|
|
<div class="booking-form-container">
|
|
|
<!-- 第一部分 - 选择信息 -->
|
|
|
<div class="form-section booking-selection">
|
|
|
<span class="title">Chiangmai Authentic Sky Lantern Festival Ticket Booking</span>
|
|
|
<!-- 日期选择 -->
|
|
|
<div class="form-group">
|
|
|
<label class="form-label">1. Choose a Date</label>
|
|
|
<div class="date-options">
|
|
|
<?php
|
|
|
$arrDate = explode(",", $InfoData->t_includedate);
|
|
|
foreach ($arrDate as $index => $value) {
|
|
|
$date = new DateTime($value);
|
|
|
$formattedDate = $date->format('F jS, Y');
|
|
|
?>
|
|
|
<button class="option-btn" data-date="<?php echo $value ?>"><?php echo $formattedDate ?></button>
|
|
|
<?php } ?>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- 门票类型 -->
|
|
|
<div class="form-group">
|
|
|
<label class="form-label">2. Select a Ticket Type:</label>
|
|
|
<div class="ticket-options">
|
|
|
<?php
|
|
|
foreach ($TourData->productlist as $productItem) {
|
|
|
?>
|
|
|
<button class="ticket-option" data-type="<?php echo $productItem->productdetail->PAG_Code ?>" data-name="<?php echo $productItem->productdetail->PAG2_Name ?>" data-productid="<?php echo $productItem->productdetail->PAG_SN ?>"><?php echo $productItem->productdetail->PAG2_Name ?><br><span class="price-display">$0</span></button>
|
|
|
<?php } ?>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- 数量选择 -->
|
|
|
<div class="form-group">
|
|
|
<label class="form-label">3. Quantity: Adults & children (8+) – Free for under 8</label>
|
|
|
<div class="clear"></div>
|
|
|
<div class="quantity-selector">
|
|
|
<button class="qty-btn minus">-</button>
|
|
|
<input type="number" class="qty-input" value="1" min="1" name="adultsnumber">
|
|
|
<button class="qty-btn plus">+</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- 第二部分 - 支付信息 -->
|
|
|
<div class="form-section payment-info">
|
|
|
<div class="payment-content">
|
|
|
<div class="total-price-box">
|
|
|
<span class="total-label">Total Price:</span>
|
|
|
<span class="total-amount" id="totalAmount">$0</span> <span id="cnyReference"></span>
|
|
|
</div>
|
|
|
|
|
|
<!-- 联系信息表单 -->
|
|
|
<div class="form-row">
|
|
|
<div class="form-col">
|
|
|
<input type="text" name="realname" placeholder="Your Name * (exactly per passport)" required>
|
|
|
</div>
|
|
|
<div class="form-col">
|
|
|
<input type="email" name="email" placeholder="Email" required>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form-row">
|
|
|
<div class="form-col">
|
|
|
<input type="tel" name="PhoneNo" placeholder="Phone NO." required>
|
|
|
</div>
|
|
|
<div class="form-col">
|
|
|
<input type="text" name="WeChat_Whatsapp" placeholder="WeChat（微信）/Whatsapp">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form-row">
|
|
|
<textarea name="form_additionalrequirements" placeholder="If booking two or more tickets, please fill in other traveler name(s) here: (per passport,e.g.Andrew James Parker)."></textarea>
|
|
|
</div>
|
|
|
<button class="submit-btn" type="submit">Proceed to Payment</button>
|
|
|
<p>Once payment is received, we'll send your e-ticket within 24 hours.</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<input type="hidden" name = "TourData" id = "TourData" value="<?php echo htmlspecialchars(json_encode($TourData)) ?>" />
|
|
|
<input type="hidden" name="selected_date" id="hiddenSelectedDate">
|
|
|
<input type="hidden" name="selected_ticket_type" id="hiddenSelectedTicketType">
|
|
|
<input type="hidden" name="selected_ticket_price" id="hiddenSelectedTicketPrice">
|
|
|
<input type="hidden" name="total_amount" id="hiddenTotalAmount">
|
|
|
<input type="hidden" name="ticket_name" id="hiddenTicketName">
|
|
|
</form>
|
|
|
<script src="/js/mobile-first/cad-en.js"></script>
|
|
|
|
|
|
</div>
|