{{> layout/header}}
<div class="order-ensure-page yoho-page clearfix">
{{# orderEnsure}}
    <div class="order-edit">

        <div class="order-title">
            <ul>
                <li class="first">立即购买</li>
                <li class="active">填写订单</li>
                <li class="end">付款，完成购买</li>
            </ul>
        </div>

        <div class="order-edit-main" id="order-edit-main" {{#isNewUser}}data-new="new"{{/isNewUser}} cartType="{{cartType}}">
            <h2 class="title">请填写并核对以下信息</h2>
            <div class="order-content">
                <div class="ticket-selection">
                    <h2>支付及发劵时间：</h2>
                    <ul class="modity-pay-info">
                        <li>付款方式：<span>在线支付</span></li>
                        <li>发劵时间：<span>自动发货 - 在您支付成功后，系统将立即为您发放二维码，您可以在您的订单中查看。</span></li>
                        <li>手机号：
                            <span class="show-ticket-mobile hide">
                                <span class="ticket-mobile"></span><span class="ticket-modify-btn">[修改]</span>
                            </span>
                            <span class="set-ticket-mobile">
                                <input type="text" value="" class="ticket-mobile-input"/>
                                <input type="button" value="确定" class="ticket-mobile-btn"/>
                                <span class="ticket-mobile-tip">请填写正确手机号以便于接收票条信息</span>
                            </span>
                        </li>
                    </ul>
                </div><!--/order-selection pay-time-->
            </div><!--/order-content-->
        </div><!--/order-edit-main-->

    </div>

    <!--   订单提示-->
    <div class="order-pay">
        <div class="pay-wapper">
        <table>
            <thead>
                <tr>
                    <th style="width:40%;">
                        商品信息
                    </th>
                    <th style="width:10%;">单价（元）</th>
                    <th style="width:10%;">返YOHO币</th>
                    <th style="width:10%;">数量</th>
                    <th style="width:10%;">小计（元）</th>
                    <th style="width:20%;">商品金额（元）</th>
                </tr>
            </thead>
            <tbody>
                {{#each orderProducts}}
                <tr>
                    <td>
                        <div class="pay-pro">
                            <a class="pay-pro-icon" href="{{link}}">
                            <img src="{{imgCover}}" />
                                {{#isPriceGift}}
                                <span class="incentive">加价购</span>
                                {{/isPriceGift}}
                                {{#isGift}}
                                <span class="gift">赠品</span>
                                {{/isGift}}
                            </a>
                            <p class="pay-pro-info">
                                <a href="{{link}}" target="_blank">{{productTitle}}</a>
                                <span>颜色：{{productColor}} 尺码：{{productSize}}</span>
                            </p>
                        </div>
                    </td>
                    <td>
                        {{productPrice}}
                        {{#isVipPrice}}
                            <span class="vipPrice">(VIP)</span>
                        {{/isVipPrice}}
                    </td>
                    <td>{{yohoIcon}}个</td>
                    <td>{{productNum}}</td>
                    <td class="cart-sub-total {{#xForOne}}xforone{{/xForOne}}">
                        {{#if xForOne}}
                            <del>{{productSubtotal}}</del>
                            <span class="free"></span>
                        {{^}}
                            {{productSubtotal}}
                        {{/if}}
                    </td>
                    <td class="cart-sub-total-all">{{productSubtotal}}</td>
                </tr>
                {{/each}}
            </tbody>
        </table>
        <!--YOHO-->
        <div class="play-content clearfix">
            <div class="play-right">
                <dl class="play-bi-pan pan">
                    <dt>使用YOHO币支付</dt>
                    <dd>
                        <div class="play-pan">
                            <div class="strong">
                                使用YOHO币：
                                <input type="text" class="textbox" id="biprice" data-bi="{{ownYohoCoin}}" value="0" /> 个
                            </div>
                            <p >
                                您目前有YOHO币 <em class="strong">{{ownYohoCoin}}</em> 个
                            </p>
                            <p class="errbitip red"></p>
                            <div class="btn-group clearfix">
                                <input type="button" class="ok" value="确定" id="bisubmit"/>
                                <input type="button" class="cancel cancel-bi" value="取消"/>
                            </div>
                        </div>
                    </dd>
                </dl>

                {{#if redEnvelopes}}
                <div class="red-envelopes active">
                    <div class="use-envelopes">
                        <input checked value="0" data-all="{{redEnvelopes}}" data-use="{{useRedEnvelopes}}" type="checkbox" />使用现金红包支付：<span>-￥{{useRedEnvelopes}}</span>
                    </div>
                    <div class="has-envelopes">您的现金红包余额：<span></span></div>
                </div>
                {{/if}}
            </div>
        </div>
        </div>

        <div class="to-play">
            <p>您需要实际支付金额：<em>{{lastOrderAmount}}</em>元</p>
            <div class="btn-group clearfix">
                <input type="button" class="submit" value="去付款"/>
            </div>
        </div>
    </div>
{{/ orderEnsure}}
<div class="loading"><span></span>请稍后...</div>
</div>
{{> layout/footer}}