<!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>www.chinatravel.com</title>

    <link href="//data.chinatravel.com/css/info/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="//data.chinatravel.com/css/info/order.css?v=201506052" rel="stylesheet" type="text/css"/>
    <link href="//data.chinatravel.com/css/info/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css"/>
    <!--[if lt IE 9]>
    <script src="/js/respond.min.js" type="text/javascript"></script>
    <![endif]-->
    <script src="//data.chinatravel.com/js/info/jquery.min.js" type="text/javascript"></script>
    <script src="//data.chinatravel.com/js/info/bootstrap.min.js" type="text/javascript"></script>
    <script src="//data.chinatravel.com/js/info/jquery-ui.min.js" type="text/javascript"></script>
    <script src="//data.chinatravel.com/js/info/jquery-ui-timepicker-addon.js" type="text/javascript"></script>
    <style type="text/css">
        #header {background: #DF6536 !important;}
        .text-red{color: #DF6536 !important;}
		.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" style="top:8px;">
            <a href="javascript:void(0);">
              <img src="//www.chinatravel.com/images/chinatravel-logo.png" alt="logo">
            </a>
          </div>
          <div class="col-lg-15 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-6 col-sm-7 hidden-xs pull-right nopadding">
            <div class="tollfree pull-right" style="padding-top:10px;">
              <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-9337181 (Free in US & CA)</div>
                <div class="currentNo col-sm-24 nopadding"> 86-773-2889566 (Intl rates apply)</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 China Travel! </h4>
      <h4 class="text-center text-red">Please complete and submit the information below.</h4>
    </div>
    <form id="form-confirm-info" method="post" action="<?php echo '/info.php/apps/order/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></h4>
          </div>

          <div class="col-xs-24 nopadding personinfo-input-box">

            <div class="form-group col-sm-7 nopadding-R">
                <label style="width:100%;text-align:left !important;">
                  <span class="col-xs-6 nopadding"></span>
                  <div class="col-xs-18 nopadding-L" style="height:15px;">
                    <div class="col-xs-11 nopadding text-right">Sur name</div>
                    <div class="col-xs-1 nopadding text-right" style="font-size:18px;width:10px;">/</div>
                    <div class="col-xs-11 nopadding" style="padding-left: 2px !important;">Given name</div>    
                  </div>
                </label>
                <div class="row">
                  <div class="col-xs-6 nopadding-R">

                    <select class="form-control input-sm nopadding-L" name="gender[]">
                      <option value="100001">Mr</option>
                      <option value="100003">Ms</option>
                    </select>
                  </div>
                  <div class="col-xs-18 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="" 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="" 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-4 nopadding-R">
                <label class="">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-5 nopadding-R">
                <label class="">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-4 nopadding-R">
                <label class="">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="">Nationality</label>
                <div class="input-group">
                  <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>
                  <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_addressform 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="font-size:18px;width:10px;">,</div>
                    <div class="col-xs-5 nopadding">
                      <input name="address_city" class="input_home_addressform form-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 form-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 form-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
"></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">
      <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="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="submit" id="btn-add-userinfo" class="btn btn-danger btn-lg col-sm-9 col-xs-24 pull-right" style="min-width:210px;font-size:24px;background: #DF6536;border-radius:6px;">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>

<script type="text/javascript">
$(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");
    }
  });


  //提交信息
  $("#form-confirm-info").submit(function(event){
    event.preventDefault();
    var $btn = $("#btn-add-userinfo").button('loading');

    var flag=true;
    $(".common_input").each(function(){
        if ($(this).val()==$(this).attr('placeholder') || $(this).val()=='') {
            $(this).popover('show');
            flag = false;
            $btn.button('reset');
            return false;
        };
    });
    if (!flag) {
        $btn.button('reset');
      return false;
    };

    $(".input_home_address").each(function()
    {
        if ($(this).val()==$(this).attr('placeholder')) {
            $(this).val('');
        }
    });
    if ($("textarea").val()==$("textarea").attr('placeholder')) {
        $("textarea").val('');
    };


    var url=$(this).attr('action');
    var data=$(this).serialize();
    $.ajax({
        type: "post",
        url: url,
        dataType: "json",
        data: data,
        success: function(json_data) {
            if (json_data.status == 'ok') {
                location.href='<?php echo '/info.php/apps/order/confirm/index/0/0/0/ct'; ?>'; 
            } else {
                $btn.button('reset');
                $('#myModal').modal('show');
            }
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            $btn.button('reset');
            alert(errorThrown);
        }
    });
  });

  //移除一个客户信息
  $('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'
      });
    
  });

  //日期初始化

  $('.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',function(){
    $(this).popover('hide');
});

</script>

</body>
</html>