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

    <div class="basic-info">
        <h2 class="title">
            请填写并核对以下信息
        </h2>

        <div class="info-block-wrap">
            <div class="address-info info-block">
                <p class="name">
                    收货地址：
                    <em id="address-modify" class="info-status address-status">[修改]</em>
                    <em id="abort-address-modify" class="info-status address-status hide">[不保存并关闭]</em>
                </p>
                {{# deliveryAddress}}
                <p id="address-used" class="address-used" data-id="{{id}}" data-mobile="{{mobile}}">
                    <em class="consignee">{{consignee}}</em>
                    <em class="address-text">{{area}} {{address}} {{zip_code}} {{mobile}} {{phone}}</em>
                </p>
                {{/ deliveryAddress}}
                <div id="address-editor-wrap" class="address-editor-wrap hide">
                    <ul id="address-list" class="address-list">
                        <li class="address-item use-new-address">
                            <input type="radio" name="address-item-radio">使用新地址
                        </li>
                    </ul>
                    <ul id="address-form" class="address-form hide">
                        <li>
                            <span class="editor-legend">
                                <em class="star">*</em>收货人姓名：
                            </span>
                            <input class="editor-consignee editor" type="text" data-attr="consignee">
                            请填写您的真实姓名，最多5个汉字
                        </li>
                        <li>
                            <span class="editor-legend">
                                <em class="star">*</em>省市：
                            </span>
                            <select id="editor-province" class="editor-province"></select>
                            <select id="editor-city" class="editor-city">
                                <option value="0">请选择城市</option>
                            </select>
                            <select id="editor-area" class="editor-area">
                                <option value="0">请选择区县</option>
                            </select>
                            <input class="editor-address editor" type="text" data-attr="address">
                            标*的为支持加急送的地区，请输入收货的详细地址
                        </li>
                        <li>
                            <span class="editor-legend">
                                <em class="star">*</em>手机号码：
                            </span>
                            <input class="editor-mobile editor" type="text" data-attr="mobile">
                            填写正确手机号便于接受发货和收货通知
                        </li>
                        <li>
                            <span class="editor-legend">固定电话：</span>
                            <input class="editor-phonecode editor" type="text">
                            —
                            <input class="editor-phone editor" type="text" data-attr="phone">
                            如：010-12345678，固话和手机号至少填一项
                        </li>
                        <li>
                            <span class="editor-legend">电子邮件：</span>
                            <input class="editor-email editor" type="text" data-attr="email">
                            用来接收订单提醒邮件，便于您及时了解订单状态
                        </li>
                        <li>
                            <span class="editor-legend">邮编：</span>
                            <input class="editor-zipcode editor" type="text" data-attr="zipCode">
                            请填写准确的邮编，以确保商品尽快送达
                        </li>
                    </ul>
                    <span id="save-set-address" class="save-set-address">保存并送到这个地址</span>
                </div>
            </div>
            <div id="pay-delivery-info" class="pay-delivery-info info-block">
                <p class="name">
                    支付及送货时间：
                    <em id="pd-modify" class="info-status pd-status">[修改]</em>
                    <em id="abort-pd-modify" class="info-status pd-status hide">[不保存并关闭]</em>
                </p>
                {{# defaultPayDelivery}}
                <ul id="pay-delivery-used" class="pay-delivery-used">
                    <li>
                        付款方式：<em id="payment-way" data-id="{{paymentTypeId}}" data-type="{{paymentType}}">{{paymentTypeName}}</em>
                    </li>
                    <li>
                        送货时间：<em id="delivery-time" data-id="{{deliveryTimeId}}">{{deliveryTimeStr}}</em>
                    </li>
                    <li>
                        送货前联系我：<em id="contract-me">{{#if contractMe}}是{{^}}否{{/if}}</em>
                    </li>
                </ul>
                {{/ defaultPayDelivery}}
                <div id="pay-delivery-choice" class="pay-delivery-choice hide">
                    <p class="sub-title payment-sub-title">支付方式</p>
                    <ul class="payment-type">
                    {{#each paymentWay}}
                        <li>
                            <input type="radio" name="pay-type-radio"{{#isY default}} checked{{/isY}} data-id="{{payment_id}}" data-type="{{payment_type}}" data-name="{{payment_type_name}}">{{payment_type_name}}
                        {{#isEqual payment_type 1}}
                            <span class="check-banks">
                                查看支持在线支付的银行和平台
                            </span>
                            <div class="supports hide">
                                <p>支持以下支付平台在线支付</p>
                                <div class="online-support">
                                {{#each ../../supportLine}}
                                    <img src="{{.}}">
                                {{/each}}
                                </div>
                                <p>支持以下银行在线支付</p>
                                <div class="bank-support">
                                {{#each ../../supportBank}}
                                    <img src="{{.}}">
                                {{/each}}
                                </div>
                            </div>
                        {{/isEqual}}
                        </li>
                    {{/each}}
                    </ul>
                    <p class="sub-title">送货时间</p>
                    <ul class="delivery-time">
                        <li class="delivery-time-tip">温馨提示：快递公司会尽力按您选择的送货时间配送，如遇特殊情况（天气、环境等）无法按您要求的时间配送，还请您谅解。</li>
                        {{# deliveryTime}}
                        <li>
                            <input type="radio" name="delivery-time-radio"{{#isY default}} checked{{/isY}} data-id="{{delivery_time_id}}" data-name="{{delivery_time_string}}">{{delivery_time_string}}
                        </li>
                        {{/ deliveryTime}}
                        <li class="contract-me">
                            送货前是否联系：
                            <input type="radio" name="contract-me-radio" value="1">是
                            <input type="radio" name="contract-me-radio" checked value="0">否
                        </li>
                    </ul>
                    <span id="pay-delivery-sure" class="btn pay-delivery-btn">确定</span>
                </div>
            </div>
            <div class="fregit-info info-block">
                <p class="name">选择快递：</p>
                <ul class="delivery-way">
                    {{# deliveryWay}}
                    <li>
                        <input type="radio" name="delivery-way-radio"{{#isY default}} checked{{/isY}} value="{{delivery_way_id}}">
                        {{delivery_way_name}}：运费¥{{delivery_way_cost}}
                    </li>
                    {{/ deliveryWay}}
                    <li class="delivery-way-tip">注：配送会由于天气，交通等不可抗拒的客观因素造成您收货时间延迟，请您知悉。</li>
                    <li class="delivery-way-warn">如您购买的商品为航空禁运品顺丰会用陆运的方式给你派送，预计3-5天送达，请您见谅</li>
                </ul>
            </div>
        </div>
    </div>

    <table class="goods-table">
        <thead>
            <tr>
                <th width="40%">商品信息</th>
                <th width="10%">单价（元）</th>
                <th width="10%">返YOHO币</th>
                <th width="10%">数量</th>
                <th width="10%">小计（元）</th>
                <th width="20%">商品金额（元）</th>
            </tr>
        </thead>
        <tbody>
        {{#each goodsList}}
            <tr>
                <td>
                    <a class="image" href="{{linkToGoods}}">
                        <img src="{{image goods_images 60 60}}">
                    </a>
                    <p class="name-size-color">
                        <a href="{{linkToGoods}}">{{product_name}}</a>
                        <span>颜色：{{color_name}} 尺码：{{size_name}}</span>
                    </p>
                </td>
                <td>
                    ¥{{round last_vip_price 2}}
                </td>
                <td>
                    {{yoho_coin_num}}个
                </td>
                <td>
                    {{buy_number}}
                </td>
                <td>
                    {{str_subtotal}}
                </td>
            {{#if @first}}
                {{#with ../shoppingCartData}}
                <td rowspan="{{selected_goods_count}}">{{str_order_amount}}</td>
                {{/with}}
            {{/if}}
            </tr>
        {{/each}}
        </tbody>
    </table>

    <div class="invoice-wrap">
        <p class="title">发票信息</p>
        <div class="content">
            <div id="without-invoice" class="without-invoice invoice-label">
                <input id="invoice-radio" class="invoice-radio" type="radio">
                <label for="invoice-radio">发票开具</label>
            </div>
            <div id="with-invoice" class="with-invoice invoice-label hide">
                <input id="invoice-radio-checked" type="radio" checked>
                <label for="invoice-radio-checked">发票开具</i>
                <em></em>
                <span id="modify-invoice" class="modify-invoice">修改</span>
            </div>
        </div>
    </div>
    {{# shoppingCartData}}
    <div class="balance-wrap clearfix">
        <div class="remark left">
            <span id="remark-btn" class="remark-btn">添加备注信息</span>
            <div class="remark-content hide">
                <textarea id="remark" class="remark-text"></textarea>
                <p class="remark-tip">声明：备注中有关收货人信息、支付方式、配送方式、发票信息等购买要求一律以上面的选择为准，备注无效。</p>
                是否打印价格：
                <input type="radio" name="print-price" value="Y" checked> 是
                <input type="radio" name="print-price" value="N"> 否（如:送朋友的商品可不打印价格哦！）
            </div>
        </div>
        <ul id="balance-detail" class="balance-detail right">
            <li class="gain-coin">
                <a class="gain-coin-tip" href="/help/?category_id=87" target="_blank"></a>
                共返YOHO币：{{gain_yoho_coin}}个
            </li>
        {{#each promotion_formula_list}}
            <li class="promotion-item{{#isEqual promotion '运费'}} fregit-promotion{{/isEqual}}">
                <span class="promotion-name">{{promotion}}：</span>
                <em class="promotion-val">{{promotion_amount}}</em>
            </li>
        {{/each}}
            <li>
            {{#if ../couponUnsupport}}
                <span class="use-coupons not-support">该商品不可使用优惠券</span>
            {{^}}
                <span id="use-coupons" class="use-coupons coupons-trigger">使用优惠券支付</span>

                <div class="using-coupon  coupons-trigger hide">
                    <p>请选择您要使用的优惠券：</p>
                    <p class="orange">(OUTLET商品除免邮券外不可使用优惠券)</p>
                    <p class="orange">(订单中使用优惠券将不赠送商品返还的YOHO币)</p>
                    <ul id="coupon-list" class="coupon-list">
                        <li>
                            <input type="radio" name="coupons" checked> 直接输入优惠券码：
                            <input id="coupon-code" class="coupon-code" type="text">
                        </li>
                    </ul>
                    <p class="btns">
                        <span id="coupons-sure" class="coupons-sure sure-btn">确定</span>
                        <span id="coupons-cancel" class="coupons-cancel cancel-btn">取消</span>
                    </p>
                </div>
            {{/if}}
            </li>
            <li>
                <span id="use-coin" class="use-coin coin-trigger">使用YOHO币支付</span>

                <div class="using-coin coin-trigger hide">
                    <ul id="using-coin-cont">
                        {{#if coinErrorTip}}
                            <li><span class="red">{{coinErrorTip}}</span></li>
                        {{/if}}
                        <li>
                            有货币满<span class="red">{{yoho_coin_pay_rule.num_limit}}</span>个即可使用，每次使用有货币为<span class="red">{{yoho_coin_pay_rule.num_limit}}</span>的整数倍

                            <i class="iconfont help-icon">&#xe628;</i>
                            <div class="coin-tip-help">
                                <p>有货币使用条件：</p>
                                <p>
                                    1.订单金额大于20元（含）<br>
                                    2.有货币数量大于{{yoho_coin_pay_rule.num_limit}}个（含） <br>
                                    3.有货币支付不得超过每笔订单应付金额的{{yoho_coin_pay_rule.max_pay_rate_desc}}
                                </p>
                                <p>备注：使用有货币数量为{{yoho_coin_pay_rule.num_limit}}的整数倍，100有货币抵1元</p>
                            </div>
                        </li>
                        <li>您当前共有有货币 <span class="red">{{total_yoho_coin_num}}</span> 个，可用 <span class="red">{{canUseCoinNum}}</span> 个</li>
                        <li>
                            <p{{#if coinErrorTip}} class="coin-use-hide"{{/if}}>本次使用有货币<span class="red">{{canUseCoinNum}}</span>个，抵扣 <span class="red">¥{{yoho_coin}}</span></p>
                        </li>
                    </ul>

                    <p class="btns">
                        <span id="coin-sure" class="coin-sure sure-btn">确定</span>
                        <span id="coin-cancel" class="coin-cancel cancel-btn">取消</span>
                        <a href="/help/?category_id=87" class="coin-help" target="_blank">有货币使用规则?</a>
                    </p>
                </div>
                <input id="coin-used" type="hidden" data-coin="{{usedCoinNum}}" data-max={{canUseCoinNum}}>
            </li>
        </ul>
    </div>
    <p id="sum-row" class="sum-row" data-amount="{{order_amount}}">您需要实际支付金额：<em>{{round last_order_amount 2}}</em>元</p>
    {{/ shoppingCartData}}
    <p class="go-pay-row">
        <span id="go-pay" class="go-pay">去付款</span>
    </p>
    {{> order-tpl}}
{{/ content}}
</div>