<div class="order-ensure yoho-page {{pageClass}}">
    {{# content}}
        <div class="order-ensure-title">
            {{> shopping-step}}
        </div>

        <div class="address-wrap">
            <div class="block-title">请填写并核对以下信息</div>

            <div class="ticket-selection">
                <div class="title">支付及发劵时间：</div>
                <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"/>
                            <span class="ticket-mobile-tip">请填写正确手机号以便于接收票条信息</span>
                        </span>
                    </li>
                </ul>
            </div>
        </div>

        <div class="goods-wrap">
            <div class="block-title">订单商品信息</div>
            <table class="goods-table">
                <thead>
                <tr>
                    <th width="3%"></th>
                    <th class="aline-left" width="46%">商品信息</th>
                    <th>时间/区域</th>
                    <th width="18%">单价</th>
                    <th width="6%">数量</th>
                    <th width="3%"></th>
                </tr>
                </thead>
                <tbody>
                {{#each goodsList}}
                    <tr class="goods-item" data-skn="{{product_skn}}" data-sku="{{product_sku}}"
                        data-price="{{last_price}}" data-num="{{buy_number}}">
                        <td{{#if @first}} class="border-top"{{/if}}></td>
                        <td class="border-top aline-left">
                            <a class="image ticket-cover" href="{{linkToGoods}}">
                                <span class="ticket-image">
                                    <img src="{{image2 goods_images w=64 h=85}}" class="thumb">
                                    <span class="ticket-image-tag">虚拟商品</span>
                                </span>
                                <p class="ticket-name">
                                    {{product_name}}
                                </p>
                            </a>
                        </td>
                        <td class="border-top color-size">
                            时间：<span class="color" title="{{color_name}}">{{color_name}}</span>
                            区域：<span class="size" title="{{size_name}}">{{size_name}}</span>
                        </td>
                        <td class="border-top price">
                            <p class="red">¥ {{round productPrice 2}}</p>
                        </td>
                        <td class="border-top">× {{buy_number}}</td>
                        <td{{#if @first}} class="border-top"{{/if}}></td>
                    </tr>
                {{/each}}
                </tbody>
            </table>
        </div>

        <div class="extra-wrap ticket-wrapper">
            <dl>
                <dt><span class="locker-switch"></span>使用有货币</dt>
                <dd id="yoho-coin-box" class="yoho-coin-box" data-coin="{{usedCoinNum}}"
                    data-max={{canUseCoinNum}} data-total="{{total_yoho_coin_num}}">
                    <div class="outer-view">
                        <p class="coin-err-tip">{{coinErrorTip}}</p>
                        <p>有货币满<span class="red">{{yoho_coin_pay_rule.num_limit}}</span>个即可使用，每次使用有货币为<span
                            class="red">{{yoho_coin_pay_rule.num_limit}}</span>的整数倍</p>
                        <i class="help-icon"></i>
                        <div class="coin-tip-help">
                            <p>有货币使用提示：</p>
                            <p>
                                1.订单金额大于20元（含20元）<br>
                                2.有货币数量大于{{yoho_coin_pay_rule.num_limit}}个（含{{yoho_coin_pay_rule.num_limit}}个） <br>
                                3.有货币支付上限为每笔订单应付金额的{{yoho_coin_pay_rule.max_pay_rate_desc}}
                            </p>
                            <p class="rs-text">备注：使用有货币数量为{{yoho_coin_pay_rule.num_limit}}的整数倍，100有货币抵1元</p>
                        </div>
                    </div>
                    <div class="coin-main-view">
                        <p>本次使用有货币<span class="red">{{canUseCoinNum}}</span>个，抵扣 <span class="red">¥{{yoho_coin}}</span>
                        </p>
                        <p class="grey fw300">您当前共有有货币 <span class="red">{{total_yoho_coin_num}}</span> 个，可用 <span
                            class="red">{{canUseCoinNum}}</span> 个</p>
                        <label class="coin-cancel-btn fw300">取消使用</label>
                        <label class="coin-use-btn">确定</label>
                    </div>
                </dd>

            </dl>

            <dt id="use-gift-card"  class="hide"><span class="locker-switch"></span>使用礼品卡<span class="can-use-tip"></span></dt>
            <dd class="gift-card-box hide">
                <table>
                    <thead>
                        <tr>
                            <th width="260">卡号</th>
                            <th>面值</th>
                            <th>卡内余额</th>
                            <th width="230">有效期</th>
                            <th width="86">选择</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td colspan="5">暂无礼品卡</td>
                        </tr>
                    </tbody>
                </table>
            </dd>
        </div>

        <div class="sum-wrap">
            应付金额：<span id="order-price" class="price" data-price="{{last_order_amount}}">¥ {{round last_order_amount 2}}</span>
            <button id="order-submit" data-url="{{productUrl}}">提交订单</button>
        </div>

        {{#if error}}
            <div class="error hide">
                <span class="info">{{error}}</span>
                <span class="url">{{productUrl}}</span>
            </div>
        {{/if}}
    {{/ content}}
</div>