{{> settle-header}}
<div class="center-content pay-online-wrapper">
    {{> bc-nav}}

    {{# order}}
        <div class="title">
            <div class="content">
                <span class="desc left">订单已提交成功，请您尽快付款！订单编号：{{orderCode}}</span>
                <span class="cash right">应付金额：{{paymentAmount}}</span>
            </div>
            <div class="footer">
                <span class="desc pay-notice left">{{../username}}如果<span class="blue">2小时</span>内您无法完成付款，系统会将您的订单取消</span>
                <span id="order-detail-ctrl" class="blue right order-detail-ctrl">
                    收起详情<i class="iconfont up">&#xe617;</i>
                </span>
            </div>
        </div>

        <div class="order-detail">
            <div class="row">
                <div class="item receiver-address">
                    <span class="label"> 收货地址：</span>
                    <span>{{area}} {{address}}</span>
                </div>
            </div>
            <div class="row">
                <div class="item">
                    <span class="label">收&nbsp;&nbsp;货&nbsp;&nbsp;人：</span>
                    <span>{{userName}}</span>
                </div>
                <div class="item">
                    <span class="label">联系方式：</span>
                    <span>{{mobile}}</span>
                </div>
            </div>
            <div class="row">
                <div class="item">
                    <span class="label">支付方式：</span>
                    <span>在线支付</span>
                </div>
                <div class="item">
                    <span class="label">送货时间：</span>
                    <span>{{deliveryTime}}</span>
                </div>
            </div>
        </div>
    {{/order}}

    <div class="qr-content">
        <h1>微信支付</h1>
        <div class="qr-content-gruop">
            <div class='qr-content-left'>
                <div class="qr-code" data-qr="{{url}}" data-code="{{order.orderCode}}"></div>
                <div class="qr-content-footer">
                    <p>请使用微信扫一扫</p>
                    <p>扫描二维码支付</p>
                </div>
            </div>
        </div>
        <h3>
            <a href="/shopping/pay/online?code={{order.orderCode}}" class="blue w-pay-change">
                <i>&lt;</i>
                选择其他支付方式
            </a>
        </h3>
    </div><!--/qr-content-->

</div>