|
|
@ -394,21 +394,12 @@ label.gender:hover {
|
|
|
|
|
|
|
|
|
|
|
|
<div class="traveler_info">
|
|
|
|
<div class="traveler_info">
|
|
|
|
<h3 data-header>Traveler 1</h3>
|
|
|
|
<h3 data-header>Traveler 1</h3>
|
|
|
|
<div style="
|
|
|
|
|
|
|
|
margin-bottom: -30px;
|
|
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
|
|
width: 100%;">
|
|
|
|
|
|
|
|
<input type="radio" name="gender[]" id="genderMs" value="100003" style="display:none;" class="tmpick">
|
|
|
|
|
|
|
|
<label class="gender" for="genderMs" style="width: 120px;">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Ms.</label>
|
|
|
|
|
|
|
|
<input type="radio" name="gender[]" id="genderMr" value="100001" style="display:none;" class="tmpick">
|
|
|
|
|
|
|
|
<label class="gender" for="genderMr" style="width: 120px;">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Mr.</label>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="selectionBlock">
|
|
|
|
<div class="selectionBlock">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<select name="gender[]" class="gender_pick">
|
|
|
|
|
|
|
|
<option value="100001">Mr.</option>
|
|
|
|
|
|
|
|
<option value="100003">Ms.</option>
|
|
|
|
|
|
|
|
</select>
|
|
|
|
<div class="inputTerm">
|
|
|
|
<div class="inputTerm">
|
|
|
|
<input type="text" name="sur_name[]" required="">
|
|
|
|
<input type="text" name="sur_name[]" required="">
|
|
|
|
<label>
|
|
|
|
<label>
|
|
|
@ -678,14 +669,14 @@ label.gender:hover {
|
|
|
|
<div class="selectionBlock">
|
|
|
|
<div class="selectionBlock">
|
|
|
|
<p> Date of birth</p>
|
|
|
|
<p> Date of birth</p>
|
|
|
|
|
|
|
|
|
|
|
|
<input type="text" 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="text" 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">
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -771,7 +762,7 @@ label.gender:hover {
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="selectionBlock">
|
|
|
|
<div class="selectionBlock">
|
|
|
|
<div class="inputTerm">
|
|
|
|
<div class="inputTerm">
|
|
|
|
<input type="text" class="datetimepicker" name="MEI_ArrivalTime" readonly="true" autocomplete="off" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" required="">
|
|
|
|
<input type="datetime-local" class="datetimepicker" name="MEI_ArrivalTime" readonly="true" autocomplete="off" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" required="">
|
|
|
|
<label>
|
|
|
|
<label>
|
|
|
|
Arrival time
|
|
|
|
Arrival time
|
|
|
|
</label>
|
|
|
|
</label>
|
|
|
@ -787,7 +778,7 @@ label.gender:hover {
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="selectionBlock">
|
|
|
|
<div class="selectionBlock">
|
|
|
|
<div class="inputTerm">
|
|
|
|
<div class="inputTerm">
|
|
|
|
<input type="text" class="datetimepicker" name="MEI_DepartureTime" readonly="true" autocomplete="off" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" required="">
|
|
|
|
<input type="datetime-local" class="datetimepicker" name="MEI_DepartureTime" readonly="true" autocomplete="off" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" required="">
|
|
|
|
<label>
|
|
|
|
<label>
|
|
|
|
Departure time
|
|
|
|
Departure time
|
|
|
|
</label>
|
|
|
|
</label>
|
|
|
@ -951,42 +942,7 @@ label.gender:hover {
|
|
|
|
var travelerCount = $(".traveler_info").length + 1;
|
|
|
|
var travelerCount = $(".traveler_info").length + 1;
|
|
|
|
$addTraveler.find('[data-header]').text('Traveler ' + travelerCount);
|
|
|
|
$addTraveler.find('[data-header]').text('Traveler ' + travelerCount);
|
|
|
|
$('#add_traveler_button').before($addTraveler);
|
|
|
|
$('#add_traveler_button').before($addTraveler);
|
|
|
|
|
|
|
|
|
|
|
|
$('.datepicker').datepicker({
|
|
|
|
|
|
|
|
controlType: 'select',
|
|
|
|
|
|
|
|
oneLine: true,
|
|
|
|
|
|
|
|
changeMonth: true,
|
|
|
|
|
|
|
|
changeYear: true,
|
|
|
|
|
|
|
|
yearRange: '2010:2055',
|
|
|
|
|
|
|
|
timeFormat: 'mm/dd/yy'
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$('.datetimepicker').datetimepicker({
|
|
|
|
|
|
|
|
controlType: 'select',
|
|
|
|
|
|
|
|
oneLine: true,
|
|
|
|
|
|
|
|
changeMonth: false,
|
|
|
|
|
|
|
|
changeYear: false,
|
|
|
|
|
|
|
|
timeFormat: 'H:mm'
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$('.datepicker').datepicker({
|
|
|
|
|
|
|
|
controlType: 'select',
|
|
|
|
|
|
|
|
oneLine: true,
|
|
|
|
|
|
|
|
changeMonth: true,
|
|
|
|
|
|
|
|
changeYear: true,
|
|
|
|
|
|
|
|
yearRange: '2010:2055',
|
|
|
|
|
|
|
|
timeFormat: 'mm/dd/yy'
|
|
|
|
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
$('.datetimepicker').datetimepicker({
|
|
|
|
|
|
|
|
controlType: 'select',
|
|
|
|
|
|
|
|
oneLine: true,
|
|
|
|
|
|
|
|
changeMonth: false,
|
|
|
|
|
|
|
|
changeYear: false,
|
|
|
|
|
|
|
|
timeFormat: 'H:mm'
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
});
|
|
|
|
});
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</body>
|
|
|
|