Haina
/
information-system
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

增加 AH 客人信息填写页面

Browse Source
hotfix/paypal-note
LiaoYijun 3 years ago
parent e3bbe6e079
commit 8bf3f0e878
2 changed files with 897 additions and 1 deletions
Show Stats Download Patch File Download Diff File

2
application/third_party/order/controllers/confirm.php vendored
Unescape Escape View File

@ -10,7 +10,7 @@ class Confirm extends CI_Controller {
$this->load->model('Order_model'); $this->load->model('Order_model');
} }
//site_code默认是空，ct的站点需要传值 // site_code 默认是空，CT、AH 网站需要传值
public function index($COLI_SN = false, $visitor_link = false, $token = false,$site_code='') { public function index($COLI_SN = false, $visitor_link = false, $token = false,$site_code='') {
$data = array(); $data = array();
if (empty($COLI_SN) || strtoupper(md5($visitor_link)) != strtoupper($token)) { if (empty($COLI_SN) || strtoupper(md5($visitor_link)) != strtoupper($token)) {

896
application/third_party/order/views/ah/confirm_order.php vendored
Unescape Escape View File

@ -0,0 +1,896 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex,nofollow" />
<title>Asia Highlights! Please complete and submit the information.</title>
<link href="https://data.chinahighlights.com/css/min.php?f=/css/customer_center_data/bootstrap.min.css,/css/customer_center_data/order.css,/css/customer_center_data/bootstrap-datetimepicker.min.css&v=2019092401" rel="stylesheet">
<!--[if lte IE 9]>
<link href="https://data.chinahighlights.com/public/js/fixie/respond-proxy.html" id="respond-proxy" rel="respond-proxy" />
<link href="https://data.chinahighlights.com/public/js/fixie/respond.proxy.gif" id="respond-redirect" rel="respond-redirect" />
<script src="https://data.chinahighlights.com/js/min.php?f=/public/js/respond.min.js,/public/js/fixie/respond.proxy.js"></script>
<![endif]-->
<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>
<link rel="shortcut icon" href="https://www.chinahighlights.com/favicon.ico">
<style type="text/css">.popover{background-color:#f2f600;}</style>
</head>
<body>
<div id="headerWrapper">
<div id="header">
<div id="mainnav" class="nav navbar" role="navigation">
<div class="container-fluid">
<div class="row">
<div class="col-lg-3 col-sm-4 logobox hidden-xs">
<a href="/">
<img src="https://data.asiahighlights.com/pic/logo-ah.png" alt="logo">
</a>
</div>
<div class="col-lg-16 col-sm-13 col-lg-offset-3 col-sm-offset-4">
<div class="navbar-header">
<div class="col-xs-24 btn-lg"></div>
<div class="col-xs-24 text-white">Dear <?php echo $username; ?></div>
<div class="col-xs-24 text-white">Reference Number: <?php echo $userinfo[0]->COLI_ID; ?></div>
</div>
</div>
<div class="col-lg-5 col-sm-7 hidden-xs pull-right nopadding">
<div class="tollfree pull-right">
<div class="currentNo col-sm-24 nopadding"><span class="glyphicon glyphicon-earphone" style="font-size:12px;"></span> +86 773<?php echo $userinfo[0]->OPI_Telephone; ?> </div>
<div class="col-sm-24">
<div class="currentNo col-sm-24 nopadding"> 800-2682918 (USA/CA)</div>
<div class="currentNo col-sm-24 nopadding"> 1800-764678 (AU)</div>
<div class="currentNo col-sm-24 nopadding"> 0800-0327753 (UK)</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-xs-24 btn-lg"></div>
<div class="col-xs-24 welcome-text">
<h4 class="text-center text-red">Thanks for booking with Asia Highlights! </h4>
<h4 class="text-center text-red">Please complete and submit the information below.</h4>
<a name="passenger_information" id="passenger_information" ></a>
</div>
<form id="form-confirm-info" method="post" action="https://www.chinahighlights.com/secureinfoconfirm/confirm/save_confirm_info">
<div class="col-xs-24 personinfo-box">
<div class="panel panel-default">
<div class="panel-body">
<div class="row panel-new-head">
<h4 class="text-red">Passenger Information <span class="text-muted" style="font-size:15px;">(we need passport info for all the group members)</span><br/>
<small class="text-muted" style="font-size:15px;">Please ensure the details you provide are <span class="text-red">correct, as stated in your passport.</span> We use this information to book all your hotels and transportation. If the name you provide are incorrect, you would not be able to board your flight or trains in China, and therefore reissuing of tickets would be at your expense! </small>
</h4>
</div>
<div class="col-xs-24 nopadding hidden-xs">
<div class="form-group col-sm-7 nopadding-R" style="margin-bottom:0px;">
<label style="width:100%;text-align:left !important;">
<div class="col-xs-24 nopadding" style="height:15px;font-weight:normal;">
Sur name/First and Middle name<a href="javascript:void(0);" data-toggle="modal" data-target="#sampleModal"> (Sample ▼)</a>
</div>
</label>
</div>
<div class="form-group col-sm-3 nopadding-R" style="margin-bottom:0px;">
<label class="" style="font-weight:normal">Passport No.</label>
</div>
<div class="form-group col-sm-4 nopadding-R" style="margin-bottom:0px;">
<label class="" style="font-weight:normal">Passport Expiration Date</label>
</div>
<div class="form-group col-sm-3 nopadding-R" style="margin-bottom:0px;">
<label class="" style="font-weight:normal">Birthday</label>
</div>
<div class="form-group col-sm-4 nopadding-R" style="margin-bottom:0px;">
<label class="" style="font-weight:normal">Nationality</label>
</div>
<div class="form-group col-sm-3 nopadding-l" style="margin-bottom:0px;">
<label class="" style="font-weight:normal">Occupation</label>
</div>
</div>
<div class="col-xs-24 nopadding personinfo-input-box">
<div class="form-group col-sm-7 nopadding-R">
<label class="visible-xs-block" style="width:100%;text-align:left !important;">
<div class="col-xs-24 nopadding" style="height:15px;">
Sur name/First and Middle name<a href="javascript:void(0);" data-toggle="modal" data-target="#sampleModal"> (Sample ▼)</a>
</div>
</label>
<div class="row">
<div class="col-xs-7 nopadding-R">
<select class="form-control input-sm nopadding select_gender" name="gender[]" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" data-content="Please fill in your gender!">
<option value="-">gender</option>
<option value="100001">Mr</option>
<option value="100003">Ms</option>
</select>
</div>
<div class="col-xs-17 nopadding-L">
<div class="input-group">
<div class="form-control input-sm nopadding">
<div class="col-xs-11 nopadding">
<input name="sur_name[]" class="common_input form-control input-sm nopadding-R" placeholder="Sur name" style="border:none;height:28px;" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" data-content="Please fill in this Sur name!">
</div>
<div class="col-xs-1 nopadding text-center" style="font-size:18px;width:10px;">/</div>
<div class="col-xs-11 col-sm-11 nopadding">
<input name="given_name[]" class="common_input form-control input-sm nopadding-R" placeholder="First and Middle name" style="border:none;height:28px;" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" data-content="Please fill in this Given name!">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="form-group col-sm-3 nopadding-R">
<label class="visible-xs-block">Passport No.</label>
<input type="text" class="form-control input-sm common_input" name="passport[]" value="" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" data-content="Please fill in your passport!" autocomplete="off">
</div>
<div class="form-group col-sm-4 nopadding-R">
<label class="visible-xs-block">Passport Expiration Date</label>
<div class="input-groups date">
<input class="form-control input-sm common_input datepicker" type="text" name="passport_expiration_date[]" value="" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" data-content="Please fill in your passport expiration date!" autocomplete="off" style="color:#333333 !important;">
</div>
</div>
<div class="form-group col-sm-3 nopadding-R">
<label class="visible-xs-block">Birthday</label>
<div class="input-groups date " data-date="1970-05-20">
<input class="form-control input-sm common_input bd_datepicker" type="text" name="birthday[]" value="" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" data-content="Please fill in your birthday!" autocomplete="off" style="color:#333333 !important;">
</div>
</div>
<div class="form-group col-sm-4">
<label class="visible-xs-block">Nationality</label>
<select class="form-control input-sm common_input" name="nationality[]">
<option value="18" selected="selected">Australia</option>
<option value="5">Canada</option>
<option value="1">China</option>
<option value="8">France</option>
<option value="6">Germany</option>
<option value="9">Italy</option>
<option value="19">Malaysia</option>
<option value="27">Singapore</option>
<option value="7">United Kingdom</option>
<option value="3">United States</option>
<option value="458">Afghanistan</option>
<option value="459">Albania</option>
<option value="460">Algeria</option>
<option value="461">American Samoa</option>
<option value="462">Andorra</option>
<option value="463">Angola</option>
<option value="464">Anguilla</option>
<option value="465">Antarctica</option>
<option value="466">Antigua And Barbuda</option>
<option value="467">Argentina</option>
<option value="468">Armenia</option>
<option value="469">Aruba</option>
<option value="470">Austria</option>
<option value="471">Azerbaijan</option>
<option value="472">Bahamas</option>
<option value="473">Bahrain</option>
<option value="474">Bangladesh</option>
<option value="671">Barbadian</option>
<option value="475">Barbados</option>
<option value="476">Belarus</option>
<option value="477">Belgium</option>
<option value="478">Belize</option>
<option value="479">Benin</option>
<option value="480">Bermuda</option>
<option value="481">Bhutan</option>
<option value="482">Bolivia</option>
<option value="483">Botswana</option>
<option value="484">Bouvet Island</option>
<option value="38">Brazil</option>
<option value="485">British Indian Ocean Territory</option>
<option value="486">Brunei Darussalam</option>
<option value="487">Bulgaria</option>
<option value="488">Burkina Faso</option>
<option value="489">Burundi</option>
<option value="490">Cambodia</option>
<option value="491">Cameroon</option>
<option value="493">Cape Verde</option>
<option value="494">Cayman Islands</option>
<option value="495">Central African Republic</option>
<option value="496">Chad</option>
<option value="497">Chile</option>
<option value="10">China HK</option>
<option value="499">Christmas Island</option>
<option value="500">Colombia</option>
<option value="501">Comoros</option>
<option value="502">Congo</option>
<option value="504">Cook Islands</option>
<option value="505">Costa Rica</option>
<option value="506">Croatia</option>
<option value="507">Cuba</option>
<option value="508">Cyprus</option>
<option value="509">Czech Republic</option>
<option value="510">Czechoslovakia</option>
<option value="511">Denmark</option>
<option value="512">Djibouti</option>
<option value="513">Dominica</option>
<option value="514">Dominican Republic</option>
<option value="515">East Timor</option>
<option value="516">Ecuador</option>
<option value="517">Egypt</option>
<option value="518">El Salvador</option>
<option value="520">Equatorial Guinea</option>
<option value="521">Eritrea</option>
<option value="522">Estonia</option>
<option value="523">Ethiopia</option>
<option value="524">Falkland Islands</option>
<option value="525">Faroe Islands</option>
<option value="526">Fiji</option>
<option value="527">Finland</option>
<option value="528">French Guiana</option>
<option value="529">French Polynesia</option>
<option value="530">Gabon</option>
<option value="531">Gambia</option>
<option value="532">Georgia</option>
<option value="533">Ghana</option>
<option value="534">Gibraltar</option>
<option value="536">Greece</option>
<option value="537">Greenland</option>
<option value="538">Grenada</option>
<option value="539">Guadeloupe</option>
<option value="540">Guam</option>
<option value="670">Guatemala</option>
<option value="541">Guernsey</option>
<option value="542">Guinea</option>
<option value="543">Guinea-Bissau</option>
<option value="544">Guyana</option>
<option value="545">Haiti</option>
<option value="546">Honduras</option>
<option value="547">Hong Kong</option>
<option value="548">Hungary</option>
<option value="36">Iceland</option>
<option value="22">India</option>
<option value="549">Indonesia</option>
<option value="550">Iran</option>
<option value="551">Iraq</option>
<option value="552">Ireland</option>
<option value="553">Isle Of Man</option>
<option value="21">Israel</option>
<option value="554">Jamaica</option>
<option value="2">Japan</option>
<option value="556">Jersey</option>
<option value="557">Jordan</option>
<option value="558">Kazakhstan</option>
<option value="668">Kazakhstan2</option>
<option value="559">Kenya</option>
<option value="560">Kiribati</option>
<option value="562">Korea</option>
<option value="563">Kuwait</option>
<option value="564">Kyrgyzstan</option>
<option value="35">Laos</option>
<option value="565">Latvia</option>
<option value="566">Lebanon</option>
<option value="567">Lesotho</option>
<option value="568">Liberia</option>
<option value="569">Libyan Arab Jamahiriya</option>
<option value="570">Liechtenstein</option>
<option value="571">Lithuania</option>
<option value="572">Luxembourg</option>
<option value="573">Macau</option>
<option value="574">Macedonia</option>
<option value="575">Madagascar</option>
<option value="576">Malawi</option>
<option value="577">Maldives</option>
<option value="578">Mali</option>
<option value="579">Malta</option>
<option value="580">Marshall Islands</option>
<option value="581">Martinique</option>
<option value="582">Mauritania</option>
<option value="583">Mauritius</option>
<option value="584">Mayotte</option>
<option value="32">Mexican</option>
<option value="585">Micronesia</option>
<option value="586">Moldova</option>
<option value="587">Monaco</option>
<option value="29">Mongolia</option>
<option value="588">Montserrat</option>
<option value="589">Morocco</option>
<option value="590">Mozambique</option>
<option value="591">Myanmar</option>
<option value="592">Namibia</option>
<option value="593">Nauru</option>
<option value="31">Nepal</option>
<option value="39">Netherlands</option>
<option value="594">Netherlands Antilles</option>
<option value="595">Neutral Zone</option>
<option value="596">New Caledonia</option>
<option value="20">New Zealand</option>
<option value="597">Nicaragua</option>
<option value="598">Niger</option>
<option value="599">Nigeria</option>
<option value="600">Niue</option>
<option value="601">Norfolk Island</option>
<option value="33">North Korea</option>
<option value="602">Northern Mariana Islands</option>
<option value="37">Norway</option>
<option value="603">Oman</option>
<option value="604">Pakistan</option>
<option value="605">Palau</option>
<option value="606">Panama</option>
<option value="607">Papua New Guinea</option>
<option value="608">Paraguay</option>
<option value="609">Peru</option>
<option value="23">Philippines</option>
<option value="610">Pitcairn</option>
<option value="611">Poland</option>
<option value="612">Portugal</option>
<option value="613">Puerto Rico</option>
<option value="614">Qatar</option>
<option value="615">Reunion</option>
<option value="616">Romania</option>
<option value="24">Russian Federation</option>
<option value="617">Rwanda</option>
<option value="618">Saint Helena</option>
<option value="619">Samoa</option>
<option value="620">San Marino</option>
<option value="621">Sao Tome and Principe</option>
<option value="622">Saudi Arabia</option>
<option value="674">Scotland</option>
<option value="623">Senegal</option>
<option value="624">Seychelles</option>
<option value="625">Sierra Leone</option>
<option value="626">Slovakia</option>
<option value="627">Slovenia</option>
<option value="628">Solomon Islands</option>
<option value="629">Somalia</option>
<option value="630">South Africa</option>
<option value="631">South Georgia and The Sandwich</option>
<option value="26">Spain</option>
<option value="632">Sri Lanka</option>
<option value="633">Sudan</option>
<option value="634">Suriname</option>
<option value="635">Swaziland</option>
<option value="636">Sweden</option>
<option value="25">Switzerland</option>
<option value="637">Syrian Arab Republic</option>
<option value="638">Taiwan</option>
<option value="639">Tanzania</option>
<option value="28">Thailand</option>
<option value="676">The Republic of Cote d'ivoire</option>
<option value="640">Togo</option>
<option value="641">Tokelau</option>
<option value="642">Tonga</option>
<option value="643">Trinidad and Tobago</option>
<option value="644">Tunisia</option>
<option value="645">Turkey</option>
<option value="646">Turkmenistan</option>
<option value="647">Turks and Caicos Islands</option>
<option value="648">Tuvalu</option>
<option value="649">Uganda</option>
<option value="650">Ukraine</option>
<option value="651">United Arab Emirates</option>
<option value="667">unknown</option>
<option value="652">Uruguay</option>
<option value="653">USSR</option>
<option value="654">Uzbekistan</option>
<option value="655">Vanuatu</option>
<option value="656">Vatican City State</option>
<option value="657">Venezuela</option>
<option value="30">Vietnam</option>
<option value="659">Virgin Islands (British)</option>
<option value="660">Virgin Islands (U.S.)</option>
<option value="661">Western Sahara</option>
<option value="662">Yemen</option>
<option value="663">Yugoslavia</option>
<option value="664">Zaire</option>
<option value="665">Zambia</option>
<option value="666">Zimbabwe</option>
</select>
</div>
<div class="form-group col-sm-3 nopadding-L">
<div class="input-group">
<label class="visible-xs-block">Occupation</label>
<select class="form-control input-sm nopadding select_occupation" name="occupation[]" placeholder="Occupation" >
<option value="None">None</option>
<option value="128142">Retired</option>
<option value="128143">Agriculture, Food & Natural Resources</option>
<option value="128144">Architecture & Construction</option>
<option value="128145">Arts, Audio/Video Technology & Communications</option>
<option value="128146">Business Management & Administration</option>
<option value="128147">Education & Training</option>
<option value="128148">Finance</option>
<option value="128149">Government & Public Administration</option>
<option value="128150">Health Science</option>
<option value="128151">Hospitality & Tourism</option>
<option value="128152">Human Services</option>
<option value="128153">Information Technology</option>
<option value="128154">Law, Public Safety, Corrections & Security</option>
<option value="128155">Manufacturing</option>
<option value="128156">Marketing, Sales & Service</option>
<option value="128157">Science, Technology, Engineering & Mathematics</option>
<option value="128158">Transportation, Distribution & Logistics</option>
<option value="128159">Housewife</option>
<option value="128160">Freelancer</option>
</select>
<span class="input-group-addon" style="background:#fff;border:none;padding:2px 3px;">
<span class="glyphicon glyphicon-minuss text-danger"></span>
</span>
</div>
</div>
</div>
<div class="col-xs-24 add-personinfo-box">
<span class="text-red" id="btn-add-personinfo-box">
<span class="glyphicon glyphicon-plus"></span> Add a passenger
</span>
<div class="col-xs-24 btn-lg"></div>
</div>
<div class="form-group col-xs-24 Home-Address">
<div class="input-group">
<span class="input-group-addon">
Contact phone no.:
</span>
<div class="form-control input-sm nopadding" style="border:none;-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);box-shadow: inset 0 0px 0px rgba(0,0,0,0.">
<div class="col-xs-11 nopadding">
<input type="text" name="landline" value="" class="common_input form-control input-sm" placeholder="Land line" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" data-content="Please fill in your Contact Land line.!">
</div>
<div class="col-xs-13 nopadding">
<input type="text" name="mobile" value="" class="common_input form-control input-sm" placeholder="Mobile" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" data-content="Please fill in your Contact Mobile.!">
</div>
</div>
</div>
</div>
<?php if ($userinfo[0]->COLI_CustomerType != 44003) { ?>
<div class="form-group col-xs-24 Home-Address">
<div class="input-group">
<span class="input-group-addon" style="min-width:145px;">
Home Address:
</span>
<div class="form-control input-sm hidden-xs nopadding">
<div class="col-xs-5 nopadding">
<input name="address_street" class="input_home_address form-control input-sm" placeholder="Street" style="border:none;height:28px;" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" data-content="Please fill in your home address!">
</div>
<div class="col-xs-1 nopadding" style="input_home_addressfont-size:18px;width:10px;">,</div>
<div class="col-xs-5 nopadding">
<input name="address_city" class="input_home_addressform-control input-sm nopadding" placeholder="City" style="border:none;height:28px;" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" data-content="Please fill in your home address!">
</div>
<div class="col-xs-1 nopadding" style="font-size:18px;width:10px;">,</div>
<div class="col-xs-5 nopadding">
<input name="address_state" class="input_home_addressform-control input-sm nopadding" placeholder="State" style="border:none;height:28px;" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" data-content="Please fill in your home address!">
</div>
<div class="col-xs-1 nopadding" style="font-size:18px;width:10px;">,</div>
<div class="col-xs-7 nopadding">
<input name="address_country" class="input_home_addressform-control input-sm nopadding" placeholder="Country" style="border:none;height:28px;" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" data-content="Please fill in your home address!">
</div>
</div>
<input class="form-control input-sm visible-xs-block" name="home_address">
</div>
</div>
<?php } ?>
</div>
</div>
</div>
<div class="col-xs-24 flightinfo-box" >
<div class="panel panel-default">
<div class="panel-body">
<div class="row panel-new-head">
<h4 class="text-red">Flight Information <span class="text-muted" style="font-size:15px;">(please skip this if your don’t need airport pick up and drop off service)</span></h4>
</div>
<div class="col-xs-24 flight-info-box">
<div class="form-group col-sm-6 nopadding">
<label>Arrival China Flight No.</label>
<input type="text" class="form-control input-sm" name="MEI_ArrivalFlightNo" value="" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" data-content="Please fill in your Flight No.!">
</div>
<div class="form-group col-sm-6 nopadding-R">
<label>Arrival time</label>
<div class="input-groups date" >
<input class="form-control input-sm f_datepicker" type="text" name="MEI_ArrivalTime" value="" autocomplete="off" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" data-content="Please fill in your arrival time!" style="color:#333333 !important;">
</div>
</div>
<div class="form-group col-sm-6 nopadding-R">
<label>Departure China Flight no.</label>
<input type="text" class="form-control input-sm" name="MEI_DepartureFlightNo" value="" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" data-content="Please fill in your flight no.!">
</div>
<div class="form-group col-sm-6 nopadding-R">
<label>Departure time</label>
<div class="input-groups date ">
<input class="form-control input-sm f_datepicker" type="text" name="MEI_DepartureTime" value="" autocomplete="off" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" data-content="Please fill in your departure time!" style="color:#333333 !important;">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-24 ">
<div class="panel panel-default">
<div class="panel-body">
<div class="row panel-new-head">
<h4 class="text-red">
Special Request
</h4>
</div>
<div class="col-xs-24 special_request_box">
<div class="form-group">
<div class="col-xs-24 nopadding">
<textarea class="form-control input-sm" rows="5" name="special_request" placeholder="King-size bed for
Vegetarian food for
Different arrival/departure information for
Special Assistance/Disability Needs for Customers
Any surgery recently
"></textarea>
</div>
<div class="col-xs-24 btn-lg"></div>
</div>
</div>
</div>
</div>
</div>
<?php if ($userinfo[0]->COLI_CustomerType != 44003) { ?>
<div class="col-xs-24 " >
<div class="panel panel-default">
<div class="panel-body">
<div class="row panel-new-head">
<h4 class="text-red">
Emergency Contact Information
<span class="text-muted" style="font-size:15px;">(in case an unlikely event happens when you are traveling)</span>
</h4>
</div>
<div class="col-xs-24 new-form-horizontal emergencyx_box">
<div class="form-group col-sm-13">
<label class="col-sm-9 control-label nopadding-L">Contact person name</label>
<div class="col-sm-13 nopadding">
<input type="text" class="form-control input-sm" name="emergency_person_name" value="" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" data-content="Please fill in your emergency contact person name!">
</div>
</div>
<div class="form-group col-sm-11">
<label class="col-sm-7 control-label nopadding-L">E-mail address</label>
<div class="col-sm-17 nopadding">
<input type="text" class="form-control input-sm" name="emergency_email" value="" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" data-content="Please fill in your email!">
</div>
</div>
<div class="form-group col-sm-13">
<label class="col-sm-9 control-label nopadding-L">Relationship with him/her</label>
<div class="col-sm-13 nopadding">
<input type="text" class="form-control input-sm" name="emergency_relationship" placeholder="eg: He is Sue’s father" value="" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" data-content="Please fill in the relationship!">
</div>
</div>
<div class="form-group col-sm-11">
<label class="col-sm-7 control-label nopadding-L">Telephone no. </label>
<div class="col-sm-17 nopadding">
<input type="text" class="form-control input-sm" name="emergency_telephone" placeholder="country code + area code + land line" value="" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" data-content="Please fill in your telephone no!">
</div>
</div>
<div class="col-xs-24 btn-lg"></div>
</div>
</div>
</div>
</div>
<?php } ?>
<div class="col-xs-24 " >
<div class="panel panel-default">
<div class="panel-body">
<div class="row panel-new-head">
<h4 class="text-red">
Insurance Information
</h4>
</div>
<div class="col-xs-24 special_request_box">
<div class="form-group">
<div class="col-xs-24 nopadding">
<textarea class="form-control input-sm" rows="5" name="insurance_information" placeholder="China Highlights strongly suggest you buy travel insurance from your country, even SOS service.
If you already have, please inform us the company name, phone no.
and your confirmation code, also drug allergy just in case.
"></textarea>
</div>
<div class="col-xs-24 btn-lg"></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-24">
<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="customer_username" value="<?php echo $username; ?>">
<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_SN" value="<?php echo $userinfo[0]->COLI_SN; ?>">
<input type="hidden" name="visitor_link" value="<?php echo $visitor_link; ?>">
<div class="col-sm-15 col-xs-24 nopadding">
<button type="button" class="btn btn-danger btn-lg col-sm-9 col-xs-24 pull-right" style="min-width:210px;font-size:24px;" onclick="show_review_modal();">Check & Submit</button>
</div>
<div class="partner-text col-sm-9 col-xs-24 text-left">Thanks,yours <?php echo $userinfo[0]->OPI_FirstName; ?></div>
</div>
</form>
</div>
</div>
<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalLabel">Error!</h4>
</div>
<div class="modal-body" style="height:150px;">
<p class="text-danger lead" style="padding-top:10px;">Error: Please contact your travel advisor.</p>
</div>
</div>
</div>
</div>
<!-- sampleModal -->
<div class="modal" id="sampleModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" style="border-bottom:none;">
<button type="button" class="close" style="margin-top:-12px;margin-right:-11px;" data-dismiss="modal" aria-label="Close"><span class="glyphicon glyphicon-remove" style="border: 2px solid #333;border-radius: 30px;padding: 2px;"></span></button>
</div>
<div class="modal-body" style="padding-top:8px;">
<img style="width:100%;" src="https://data.chinahighlights.com/image/customer_center_data/css/images/passport.jpg">
</div>
</div>
</div>
</div>
<!-- reviewModal -->
<div class="modal fade" id="reviewModal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title text-danger">Please double check your information</h4>
</div>
<div class="modal-body" id="reviewModal_body">
<p>...</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Return & Change</button>
<button type="button" class="btn btn-primary" id="btn-add-userinfo" onclick="submit_info_form();">Confirm & Submit</button>
</div>
</div>
</div>
</div>
<!-- reviewModal end-->
<script type="text/javascript">
var org_url = location.href;
$(document).ready(function() {
$(".common_input,textarea").each(function() {
if ($(this).val() == '' && $(this).attr('placeholder') != '') {
var valstr = $(this).val($(this).attr('placeholder'));
$(this).css("color", "#999999");
}
});
$(".common_input,textarea").click(function() {
if ($(this).val() == $(this).attr('placeholder') || $(this).val() == '') {
$(this).val('');
$(this).css("color", "#333333");
}
$(this).popover('hide');
});
$(".common_input,textarea").blur(function() {
if ($(this).val() == '' && $(this).attr('placeholder') != '') {
$(this).val($(this).attr('placeholder'));
$(this).css("color", "#999999");
}
});
//移除一个客户信息
$('body').on('click', '.glyphicon-minus', function() {
if (confirm("Remove this passenger?"))
{
$(this).parents('.personinfo-input-box').remove();
}
});
//添加一个客户信息
$("#btn-add-personinfo-box").click(function()
{
var html = $(".personinfo-input-box:first").clone();
$('.add-personinfo-box').before(html);
var num = $(".personinfo-input-box").length;
var $currentbox = $(".personinfo-input-box:last");
$currentbox.find('.glyphicon-minuss').addClass('glyphicon-minus').removeClass('glyphicon-minuss');
$currentbox.find('label').remove();
$currentbox.find('input').val('');
$currentbox.find('.datepicker').removeClass('hasDatepicker').attr('id', '');
$currentbox.find('.bd_datepicker').removeClass('hasDatepicker').attr('id', '');
$('.datepicker').datepicker({
controlType: 'select',
oneLine: true,
changeMonth: true,
changeYear: true,
yearRange: '2010:2055',
timeFormat: 'mm/dd/yy'
});
$('.bd_datepicker').datepicker({
controlType: 'select',
oneLine: true,
changeMonth: true,
changeYear: true,
defaultDate: '-45y',
yearRange: '1920:2055',
timeFormat: 'mm/dd/yy'
});
});
// $("#btn-add-personinfo-box").click();
//日期初始化
$('.f_datepicker').datetimepicker({
controlType: 'select',
oneLine: true,
changeMonth: false,
changeYear: false,
timeFormat: 'H:mm'
});
$('.bd_datepicker').datepicker({
controlType: 'select',
oneLine: true,
changeMonth: true,
changeYear: true,
defaultDate: '-45y',
yearRange: '1920:2055',
timeFormat: 'mm/dd/yy'
});
$('.datepicker').datepicker({
controlType: 'select',
oneLine: true,
changeMonth: true,
changeYear: true,
yearRange: '2010:2055',
timeFormat: 'mm/dd/yy'
});
});
$(document).on('click', '.common_input,.select_gender', function() {
$(this).popover('hide');
});
function verifyInfo() {
var flag = true;
$(".select_gender").each(function() {
if ($(this).val() == '-') {
$(this).popover('show');
flag = false;
return false;
};
});
if (!flag) {
location.href = org_url + '#passenger_information';
return false;
};
$(".common_input").each(function() {
if ($(this).val() == $(this).attr('placeholder') || $(this).val() == '') {
$(this).popover('show');
flag = false;
return false;
};
});
if (!flag) {
location.href = org_url + '#passenger_information';
return false;
};
$(".input_home_address").each(function()
{
if ($(this).val() == $(this).attr('placeholder')) {
$(this).val('');
}
});
if ($("textarea").val() == $("textarea").attr('placeholder')) {
$("textarea").val('');
};
return true;
}
//提交信息
function submit_info_form () {
var $btn = $("#btn-add-userinfo").button('loading');
var data = $("#form-confirm-info").serialize();
var url=$("#form-confirm-info").attr('action');
$.ajax({
type: "post",
url: url,
dataType: "json",
data: data,
success: function(json_data) {
if (json_data.status == 'ok') {
location.href = 'https://www.chinahighlights.com/secureinfoconfirm/confirm/index';
} else {
//$('#reviewModal').modal('hide');
$('#myModal').modal('show');
$btn.button('reset');
}
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(errorThrown);
//$('#reviewModal').modal('hide');
$btn.button('reset');
}
});
};
function show_review_modal() {
if(verifyInfo()==false){
return false;
}
$('#reviewModal_body').html('loading....');
$.ajax({
type: "post",
dataType: "json",
data: $("#form-confirm-info").serialize(),
url: 'https://www.chinahighlights.com/secureinfoconfirm/confirm/review',
success: function(data, textStatus) {
$('#reviewModal_body').html(data);
$('#reviewModal').modal('show');
},
error: function(msg) {
alert('\u53d1\u751f\u9519\u8bef\uff0c\u8bf7\u8054\u7cfbYCC...');
}
});
}
</script>
</body>
</html>
Write Preview
Loading…
Cancel
Save