{{> 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%;">返有货币</th>
                    <th style="width:10%;">数量</th>
                    <th style="width:10%;">小计（元）</th>
                    <th style="width:20%;">商品金额（元）</th>
                </tr>
            </thead>
            <tbody>
                {{#each orderProducts}}
                <tr data-sku="{{id}}">
                    <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>
                                    {{#if productColor}}
                                        日期：{{productColor}}
                                    {{/if}}
                                    {{#if productSize}}
                                        区域：{{productSize}}
                                    {{/if}}
                                </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">
                <ul class="play-total">
                    {{#each promotionFormulaList}}
                    <li class="{{#if isExpress}}total-express-w{{/if}}">
                        <label>{{promotion}}</label><em>{{promotionAmount}}</em>
                    </li>
                    {{/each}}
                </ul>

                <dl class="play-bi-pan pan">
                    <dt>
                        <span class="not-btn-tip red hide">抱歉，您的订单实付款不满足有货币使用条件</span>使用有货币支付
                    </dt>
                    <dd>
                        <div class="errbitip red">{{#unless yohoCoinCompute.yohoCoinClick}}{{yohoCoinCompute.yohoCoinMsg}}{{/unless}}</div>
                        <ul class="play-pan" id="biprice" data-yoho-coin-num={{yohoCoinCompute.yohoCoinNum}} data-yoho-coin-click={{yohoCoinCompute.yohoCoinClick}}>
                            <li>
                                <div class="float-left num-list-width">
                                    有货币满<span class="sign-amount num-limit-coin">{{yohoCoinCompute.yoho_coin_pay_rule.num_limit}}</span>个即可使用，每次使用有货币为<span class="sign-amount num-limit-coin">{{yohoCoinCompute.yoho_coin_pay_rule.num_limit}}</span>的整数倍
                                </div>
                                <div class="float-right yoho-coin-help">?
                                    <div class="yoho-coin-help-dialog hide">
                                        <span class="arrow-up"></span>
                                        <div class="yoho-coin-help-dialog-title">有货币使用条件：</div>
                                        <div class="yoho-coin-help-dialog-content">
                                            <ul>
                                                <li>1.订单金额大于20元（含20元）</li>
                                                <li>2.有货币数量大于<span class="num-limit-coin">{{yohoCoinCompute.yoho_coin_pay_rule.num_limit}}</span>个(含<span class="num-limit-coin">{{yohoCoinCompute.yoho_coin_pay_rule.num_limit}}</span>个)</li>
                                                <li>3.每笔支付不得超过应付金额{{yohoCoinCompute.yoho_coin_pay_rule.max_pay_rate_desc}}</li>
                                                <li class="coin-gray">备注：使用有货币数量为<span class="num-limit-coin">{{yohoCoinCompute.yoho_coin_pay_rule.num_limit}}</span>的整数倍，100有货币抵1元。</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                您当前共有有货币<span class="sign-amount totalYohoCoinNum">{{yohoCoinCompute.totalYohoCoinNum}}</span>个，可用<span class="sign-amount yohoCoinNum">{{yohoCoinCompute.yohoCoinNum}}</span>个
                            </li>
                            <li class="{{#unless yohoCoinCompute.yohoCoinClick}}coin-gray{{/unless}} yohoCoinTip">
                                本次使用有货币<span class="sign-amount yohoCoinNum">{{yohoCoinCompute.yohoCoinNum}}</span>个 抵扣<span class="sign-amount yohoCoin">¥{{yohoCoinCompute.yohoCoin}}</span>
                            </li>
                            <li>
                                <div class="float-left btn-group clearfix">
                                    <input type="button" class="ok" value="确定" id="bisubmit"/>
                                    <input type="button" class="cancel cancel-bi" value="取消"/>
                                </div>
                                <div class="float-right">
                                    <a class="yoho-coin-help-link" href="/help/?category_id=87" target="_blank">有货币使用规则？</a>
                                </div>
                            </li>
                        </ul>
                    </dd>
                </dl><!--/play-bi-pan pan-->
            </div><!--/play-right-->
        </div>
        </div>

        <div class="ticket-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}}