<?php
/*!
* 默认的支付结果页
* @author LYT <lyt@hainatravel.com>
* @date   2017-08-11
*/
?>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Pay with credit card - China Highlights</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta name="referrer" content="always">
    <link href="//data.chinahighlights.com/css/min.php?f=/public/css/global.min.css&amp;v=20170811" rel="stylesheet" type="text/css" />
    <style type="text/css" media="screen and (max-width:767px)">
    .pay_form .form-group{padding-left: 0!important;padding-right: 0!important;}
    .pay_form .result_info{padding-top: 5px!important;}
    </style>
    <style type="text/css">
    body {background: #f1f1f1;}
    p{margin-bottom: 8.5px;}
    .pageTitle{margin-left: 300px;}
    .pageTitle h1{color: #fff;border:none;font-size: 30px;}
    .mobileTitle h1{color: #fff;border:none;font-size: 20px;}
    .marginTop{margin-top: 60px;}
    .pay_form{padding: 30px 15px 15px 15px ;box-shadow: 0 0 10px #999;background: #fff;border-radius: 5px; }
    .pay_form .form-group{padding-left: 50px;padding-right: 50px;}
    .pay_form .control-label{text-align: left;}
    .pay_form .result_info{padding-top: 25px;}
    .pay_form .btn-danger{background: #a31022;}
    .pay_footer{padding: 30px 0 10px;font-size: 12px;}
    .line{border-bottom: 1px solid #cacaca;margin-left: 20px!important;margin-right: 20px!important;}
    .btn{text-decoration: none;font-size: 14px;}
    </style>
  </head>
  <body>
    <div id="wrapper" class="chkVisible">
      <div id="header" >
        <div id="mainnav" class="nav navbar-inverse" role="navigation">
          <div class="container">
            <div class="col-lg-21 col-sm-20 col-lg-offset-3 col-sm-offset-3">
              <div class="navbar-header">
                <div class="visible-xs text-left mobileTitle">
                <h1>Pay with credit card</h1>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="container hidden-xs">
          <div class="row hidden-sm" id="headerLinkRight">
            <div  class="col-lg-24">&nbsp;</div>
          </div>
        </div>
        <div id="mainnav" class="nav navbar navbar-inverse hidden-xs" >
          <div class="container">
            <div class="row">
              <div class="col-lg-3 col-sm-4 logobox hidden-xs">
                <a href="//www.chinahighlights.com/">
                  <img src="/pic/logo/logo-132x104.png" alt="china highlights" class="img-responsive">
                </a>
              </div>
              <div class="col-md-17 col-sm-17 pageTitle">
                <h1>Pay with credit card</h1>
              </div>
            </div>
          </div>
          <!--container-->
        </div>
        <!--end of mainnav -->
      </div>
    </div>
    <div id="content">
      <div class="container marginTop">
        <div class="row">
          <div class="col-md-6"></div>
          <div class="pay_form_div col-md-17 col-sm-24">
            <form action="https://www.chinahighlights.com/secureipay/order_pay" method="post" id="Form1" name="Form1" class="form-horizontal pay_form">
            <?php if ($code != 0) { ?>
              <div class="form-group ">
                <label for="cardHolderEmail" class="col-md-8 col-xs-8 control-label">
                  <img src="/pic/pay_failed_110_110.png" class="img-responsive">
                </label>
                <div class="col-md-10 col-xs-16 result_info">
                  <p>Sorry,<?php echo $msg; ?>.</p>
                  <p>ERROR CODE : <?php echo $error_code; ?>.</p>
                </div>
              <?php // echo $form_html ?>
              </div>
            <?php } else { ?>
              <div class="form-group ">
                <label for="cardHolderEmail" class="col-md-8 col-xs-8 control-label">
                  <img src="/pic/pay_success_110_110.png" class="img-responsive">
                </label>
                <div class="col-md-10 col-xs-16 result_info">
                  <p>Thank you.</p>
                </div>
              </div>
            <?php } ?>
            <div class="form-group line"></div>
              <div class="form-group">
                <div class="col-md-8"></div>
                <div class="col-md-14 col-xs-24 ">
                  <a href="https://www.chinahighlights.com" class="btn btn-default btn-danger col-md-24 col-xs-24">Back to the page</a>
                </div>
              </div>
            </form>
            <div class="pay_footer text-right">
              <p>©  1998 China Highlights.
                <a href="https://www.chinahighlights.com/privacy.htm" rel="nofollow">Privacy Statement</a>
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="main" class="container">
    </div>
  </body>
  <script src="//data.chinahighlights.com/js/min.php?f=/js/jquery-1.8.2.min.js,/public/js/bootstrap.min.js&v=20170811" type="text/javascript"></script>
  <script language="javascript">

  </script>
</html>
