|
|
<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">清迈CAD天灯节门票预订</span>
|
|
|
<!-- 日期选择 -->
|
|
|
<div class="form-group">
|
|
|
<label class="form-label">1. 选择日期</label>
|
|
|
<div class="date-options">
|
|
|
<?php
|
|
|
$arrDate = explode(",", $InfoData->t_includedate);
|
|
|
foreach ($arrDate as $index => $value) {
|
|
|
$date = new DateTime($value);
|
|
|
$formattedDate = $date->format('Y年n月j日');
|
|
|
?>
|
|
|
<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. 选择座位等级</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. 票数 成人 & 8岁以上儿童（含8岁） – 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">总价:</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="您的全名 * (护照保持一致)" required>
|
|
|
</div>
|
|
|
<div class="form-col">
|
|
|
<input type="email" name="email" placeholder="邮箱" required>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form-row">
|
|
|
<div class="form-col">
|
|
|
<input type="tel" name="PhoneNo" placeholder="手机号码" 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="提醒: 如有多人同行预订，请务必提供每位成员的英文/拼音全姓名（需与护照信息完全一致）"></textarea>
|
|
|
</div>
|
|
|
<button class="submit-btn" type="submit">预定并支付</button>
|
|
|
<p>收到付款后，我们将在24小时内将电子门票发送到您的邮箱！</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.js"></script>
|
|
|
|
|
|
</div>
|