|
|
@ -7,8 +7,8 @@
|
|
|
|
<title>
|
|
|
|
<title>
|
|
|
|
Passport Information for All the Group Members
|
|
|
|
Passport Information for All the Group Members
|
|
|
|
</title>
|
|
|
|
</title>
|
|
|
|
<meta content="width=device-width,minimum-scale=1,initial-scale=1" name="viewport">
|
|
|
|
<meta content="width=device-width,minimum-scale=1,initial-scale=1" name="viewport">
|
|
|
|
<link href="https://data.chinahighlights.com/css/min.php?f=/css/customer_center_data/bootstrap.min.css,/css/customer_center_data/bootstrap-datetimepicker.min.css&v=202302061045" rel="stylesheet">
|
|
|
|
<link href="https://data.chinahighlights.com/css/min.php?f=/css/customer_center_data/bootstrap.min.css&v=202405161016" rel="stylesheet">
|
|
|
|
<style>
|
|
|
|
<style>
|
|
|
|
body {
|
|
|
|
body {
|
|
|
|
margin: 0;
|
|
|
|
margin: 0;
|
|
|
@ -681,14 +681,14 @@ select.gender_pick {border: 1px solid #d1d1d1;
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="selectionBlock">
|
|
|
|
<div class="selectionBlock">
|
|
|
|
<p> Date of birth</p>
|
|
|
|
<p> Date of birth</p>
|
|
|
|
|
|
|
|
|
|
|
|
<input type="date" class="arrivalDate datepicker"
|
|
|
|
<input type="date" class="arrivalDate datepicker"
|
|
|
|
name="birthday[]" value="" placeholder="mm/dd/yyyy" autocomplete="off">
|
|
|
|
name="birthday[]" value="" placeholder="mm/dd/yyyy" autocomplete="off">
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="selectionBlock">
|
|
|
|
<div class="selectionBlock">
|
|
|
|
<p> Date of expiration </p>
|
|
|
|
<p> Date of expiration </p>
|
|
|
|
|
|
|
|
|
|
|
|
<input type="date" class="arrivalDate datepicker"
|
|
|
|
<input type="date" class="arrivalDate datepicker"
|
|
|
|
name="passport_expiration_date[]" value="" placeholder="mm/dd/yyyy" autocomplete="off">
|
|
|
|
name="passport_expiration_date[]" value="" placeholder="mm/dd/yyyy" autocomplete="off">
|
|
|
|
|
|
|
|
|
|
|
@ -710,7 +710,7 @@ select.gender_pick {border: 1px solid #d1d1d1;
|
|
|
|
<button class="add_traveler_button" id="add_traveler_button" type="button">+ Add a traveler</button>
|
|
|
|
<button class="add_traveler_button" id="add_traveler_button" type="button">+ Add a traveler</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="inquiryBox">
|
|
|
|
<div id="inquiryBox">
|
|
|
|
<h2>Your Flight Information</h2>
|
|
|
|
<h2>Your Flight Information</h2>
|
|
|
@ -723,7 +723,7 @@ select.gender_pick {border: 1px solid #d1d1d1;
|
|
|
|
<div class="selectionBlock" style="width: 100%;">
|
|
|
|
<div class="selectionBlock" style="width: 100%;">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="inputTerm">
|
|
|
|
<div class="inputTerm">
|
|
|
|
<input type="text" name="MEI_ArrivalFlightNo" required="">
|
|
|
|
<input type="text" name="MEI_ArrivalFlightNo">
|
|
|
|
<label>
|
|
|
|
<label>
|
|
|
|
Arrival flight No.
|
|
|
|
Arrival flight No.
|
|
|
|
</label>
|
|
|
|
</label>
|
|
|
@ -732,18 +732,18 @@ select.gender_pick {border: 1px solid #d1d1d1;
|
|
|
|
<div class="selectionBlock">
|
|
|
|
<div class="selectionBlock">
|
|
|
|
<p>Arrival date</p>
|
|
|
|
<p>Arrival date</p>
|
|
|
|
<div class="inputTerm">
|
|
|
|
<div class="inputTerm">
|
|
|
|
<input type="date" name="MEI_ArrivalDate" required="">
|
|
|
|
<input type="date" name="MEI_ArrivalDate">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="selectionBlock">
|
|
|
|
<div class="selectionBlock">
|
|
|
|
<div class="inputTerm">
|
|
|
|
<div class="inputTerm">
|
|
|
|
<input type="time" name="MEI_ArrivalTime" required="">
|
|
|
|
<input type="time" name="MEI_ArrivalTime">
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="selectionBlock" style="width: 100%;">
|
|
|
|
<div class="selectionBlock" style="width: 100%;">
|
|
|
|
<div class="inputTerm">
|
|
|
|
<div class="inputTerm">
|
|
|
|
<input type="text" name="MEI_DepartureFlightNo" required="">
|
|
|
|
<input type="text" name="MEI_DepartureFlightNo">
|
|
|
|
<label>
|
|
|
|
<label>
|
|
|
|
Departure Flight No.
|
|
|
|
Departure Flight No.
|
|
|
|
</label>
|
|
|
|
</label>
|
|
|
@ -752,18 +752,18 @@ select.gender_pick {border: 1px solid #d1d1d1;
|
|
|
|
<div class="selectionBlock">
|
|
|
|
<div class="selectionBlock">
|
|
|
|
<p>Departure date</p>
|
|
|
|
<p>Departure date</p>
|
|
|
|
<div class="inputTerm">
|
|
|
|
<div class="inputTerm">
|
|
|
|
<input type="date" name="MEI_DepartureDate" required="">
|
|
|
|
<input type="date" name="MEI_DepartureDate">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="selectionBlock">
|
|
|
|
<div class="selectionBlock">
|
|
|
|
<div class="inputTerm">
|
|
|
|
<div class="inputTerm">
|
|
|
|
<input type="time" name="MEI_DepartureTime" required="">
|
|
|
|
<input type="time" name="MEI_DepartureTime">
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="inquiryBox">
|
|
|
|
<div id="inquiryBox">
|
|
|
|
<h2>Emergency Contact Information</h2>
|
|
|
|
<h2>Emergency Contact Information</h2>
|
|
|
@ -805,16 +805,16 @@ select.gender_pick {border: 1px solid #d1d1d1;
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="inquiryBox">
|
|
|
|
<div id="inquiryBox">
|
|
|
|
<h2>Your Insurance Information and Special Request (optional)</h2>
|
|
|
|
<h2>Your Insurance Information and Special Request (optional)</h2>
|
|
|
|
|
|
|
|
|
|
|
|
<textarea id="special_request" name="special_request" style="resize:none;"></textarea>
|
|
|
|
<textarea id="special_request" name="special_request" style="resize:none;"></textarea>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="inquiryBtn">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="inquiryBtn">
|
|
|
|
<input type="hidden" name="toname" value="<?php echo $userinfo[0]->OPI_FirstName; ?>">
|
|
|
|
<input type="hidden" name="toname" value="<?php echo $userinfo[0]->OPI_FirstName; ?>">
|
|
|
|
<input type="hidden" name="tomail" value="<?php echo $userinfo[0]->OPI_Email; ?>">
|
|
|
|
<input type="hidden" name="tomail" value="<?php echo $userinfo[0]->OPI_Email; ?>">
|
|
|
|
<input type="hidden" name="customer_username" value="<?php echo $username; ?>">
|
|
|
|
<input type="hidden" name="customer_username" value="<?php echo $username; ?>">
|
|
|
|
<input type="hidden" name="customer_usermail" value="<?php echo $usermail; ?>">
|
|
|
|
<input type="hidden" name="customer_usermail" value="<?php echo $usermail; ?>">
|
|
|
|
<input type="hidden" name="COLI_ID" value="<?php echo $userinfo[0]->COLI_ID; ?>">
|
|
|
|
<input type="hidden" name="COLI_ID" value="<?php echo $userinfo[0]->COLI_ID; ?>">
|
|
|
|
<input type="hidden" name="COLI_SN" value="<?php echo $userinfo[0]->COLI_SN; ?>">
|
|
|
|
<input type="hidden" name="COLI_SN" value="<?php echo $userinfo[0]->COLI_SN; ?>">
|
|
|
|
<input type="hidden" name="visitor_link" value="<?php echo $visitor_link; ?>">
|
|
|
|
<input type="hidden" name="visitor_link" value="<?php echo $visitor_link; ?>">
|
|
|
@ -843,8 +843,8 @@ select.gender_pick {border: 1px solid #d1d1d1;
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- reviewModal end-->
|
|
|
|
<!-- reviewModal end-->
|
|
|
|
<script src="https://data.chinahighlights.com/js/min.php?f=/js/customer_center_data/jquery.min.js,/js/customer_center_data/bootstrap.min.js,/js/customer_center_data/jquery-ui.min.js,/js/customer_center_data/jquery-ui-timepicker-addon.js&v=2019092401"></script>
|
|
|
|
<script src="https://data.chinahighlights.com/js/min.php?f=/js/customer_center_data/jquery.min.js,/js/customer_center_data/bootstrap.min.js,/js/customer_center_data/jquery-ui.min.js&v=202405161016"></script>
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
function submit_info_form () {
|
|
|
|
function submit_info_form () {
|
|
|
|
var $btn = $("#btn-add-userinfo").button('loading');
|
|
|
|
var $btn = $("#btn-add-userinfo").button('loading');
|
|
|
@ -907,7 +907,7 @@ select.gender_pick {border: 1px solid #d1d1d1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$(function() {
|
|
|
|
$(function() {
|
|
|
|
var $travelerTemplate = $(".traveler_info:first").clone();
|
|
|
|
var $travelerTemplate = $(".traveler_info:first").clone();
|
|
|
|
//添加客户
|
|
|
|
//添加客户
|
|
|
|