{include file="public/mall_top" /}
<link rel="stylesheet" href="{$Think.config.url_domain_root}static/home/css/home_cart.css">
<div class="dsc-header">
    <div class="logo">
        <a href="{$Think.config.url_domain_root}index.php"><img src="{$Think.config.url_attach_common}/{$Think.config.site_logo}"/></a>
    </div>
</div>
<div class="dsc-main">
  <div class="dsc-title">
    <h3>在线支付</h3>
    <h5><a href="{:url('membervrorder/show_order',['order_id'=>$order_info.order_id])}" target="_blank">查看订单详情</a></h5>
  </div>
  <form action="{:url('payment/vr_order')}" method="POST" id="buy_form">
    <input type="hidden" name="order_sn" value="{$order_info.order_sn}">
    <input type="hidden" id="payment_code" name="payment_code" value="">
    <div class="dsc-receipt-info">
      <div class="dsc-receipt-info-title">
        <h3>下单成功，请及时付款！在线支付金额：<strong>￥{$diff_pay_amount}</strong></h3>
      </div>
      <table class="dsc-table-style">
        <thead>
          <tr>
            <th class="w50"></th>
            <th class="w150 tc">订单号</th>
            <th class="w250 tc">商品</th>
            <th class="tc">单价</th>
            <th class="w150 tc">数量</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td></td>
            <td class="tc">{$order_info.order_sn}</td>
            <td class="tc">{$order_info.goods_name}</td>
            <td class="tc">￥{$order_info.goods_price}</td>
            <td class="tc">{$order_info.goods_num}</td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="dsc-receipt-info">
        {empty name="payment_list"}
      <div class="nopay">{$Think.lang.cart_step2_paymentnull_1} <a href="{:url('membermessage/sendmsg',['member_id'=>$order.seller_id])}">{$Think.lang.cart_step2_paymentnull_2}</a> {$Think.lang.cart_step2_paymentnull_3}</div>
      {else /}
      <div class="dsc-receipt-info-title">
        <h3>支付选择</h3>
      </div>
      <ul class="dsc-payment-list">
          {foreach name="payment_list" item="val"}
        <li payment_code="{$val.payment_code}">
          <label for="pay_{$val.payment_code}">
          <i></i>
          <div class="logo" for="pay_{$val.payment_id}"> <img src="{$Think.config.url_domain_root}static/home/images/payment/{$val.payment_code}_logo.gif" /> </div>
          </label>
        </li>
       {/foreach}
      </ul>
      {/empty}
    </div>
    <div class="dsc-bottom tc mb50"><a href="javascript:void(0);" id="next_button" class="dsc-btn dsc-btn-green"><i class="icon-shield"></i>确认支付</a></div>
  </form>
</div>
{include file="public/mall_footer" /}
<script type="text/javascript">
$(function(){
    $('.dsc-payment-list > li').on('click',function(){
        $('.dsc-payment-list > li').removeClass('using');
        $(this).addClass('using');
        $('#payment_code').val($(this).attr('payment_code'));
    });
    $('#next_button').on('click',function(){
        if ($('#payment_code').val() == '') {
            showDialog('请选择支付方式', 'error','','','','','','','','',2);return false;
        }
        $('#buy_form').submit();
    });
});
</script>