<div class="order-ensure yoho-page {{pageClass}}">
    {{# content}}
        <input id="page-error-tip" type="hidden" value="{{pageErrorTip}}"></input>
        <input type="hidden" name="_csrf" value="{{../csrfToken}}">
        <div class="order-ensure-title">
            {{> shopping-step}}
        </div>

        <div class="address-wrap">
            <div class="block-title">收货信息<span id="new-address-btn" class="right">新增收货地址 <i>+</i></span></div>
            <div id="addr-list" class="addr-list clearfix">
                {{# deliveryAddress}}
                    <div class="addr-item{{#isY is_default}} addr-default{{/isY}}{{#if selected}} addr-select{{/if}}" data-id="{{id}}" data-consignee="{{consignee}}" data-mobile="{{mobile}}" data-phone="{{phone}}" data-area="{{area}}" data-code="{{area_code}}" data-address="{{address}}"{{#isY is_default}} data-default="1"{{/isY}}{{#isY is_delivery}} data-delivery="1"{{/isY}}{{#isY is_cash_delivery}} data-cashdelivery="1"{{/isY}}>
                        <p class="name">
                            {{{consignee}}}
                            <span class="right">{{mobile}}</span>
                        </p>
                        <p class="area">{{area}}</p>
                        <p class="street fw300">{{{address}}}</p>
                        <p class="option">
                            <label class="set-default">设为默认</label>
                            <label class="default-tip">默认地址</label>
                            <span class="delete-addr">删除</span>
                            <span class="modify-addr">修改</span>
                        </p>
                    </div>
                {{/ deliveryAddress}}
                <div id="new-address-block" class="new-addr">
                    <div class="plus-icon"></div>
                    <p>增加收货地址</p>
                </div>
            </div>
            <p class="addr-opt">
                <span class="more-addr-btn">显示全部地址</span>
                <span class="hide-more-btn">收起地址</span>
            </p>
        </div>

        <div class="pay-wrap">
            <div class="block-title">支付方式</div>
            <input type="hidden" id="pay-type2">
            {{#each paymentWay}}
                <p{{#isEqual is_support 'N'}} class="unsp-pay"{{/isEqual}}>
                    <label class="check-btn{{#isY default}} checked{{/isY}}" data-id="{{payment_id}}" data-type="{{payment_type}}" data-name="{{payment_type_name}}">{{payment_type_name}}</label>
                    {{#if is_support_message}}
                        <span>{{is_support_message}}</span>
                    {{/if}}
                </p>
            {{/each}}
        </div>
        <div class="delivery-way-wrap">
            <div class="block-title">配送方式</div>
            <input type="hidden" id="support-way2">
            {{# deliveryWay}}
                <p{{#isEqual is_support 'N'}} class="unsp-way"{{/isEqual}}>
                    <label class="check-btn{{#isY default}} checked{{/isY}}" data-id="{{delivery_way_id}}"
                    title="{{delivery_way_name}}：运费 ¥ {{delivery_way_cost}}">{{delivery_way_name}}：运费 ¥ {{delivery_way_cost}}</label>
                    {{#if is_support_message}}
                        <span>{{is_support_message}}</span>
                    {{/if}}
                </p>
            {{/ deliveryWay}}
            <p class="default-line">注：配送会由于天气，交通等不可抗拒的客观因素造成您收货时间延迟，请您知悉。</p>
        </div>
        <div class="delivery-time-wrap">
            <div class="block-title">送货时间</div>
            <p>
                {{# deliveryTime}}
                    <label class="check-btn{{#isY default}} checked{{/isY}}" data-id="{{delivery_time_id}}" data-name="{{delivery_time_string}}" title="{{delivery_time_string}}">{{delivery_time_string}}</label>
                {{/ deliveryTime}}
            </p>
            <p class="default-line">温馨提示：快递公司会尽力按您选择的送货时间配送，如遇特殊情况（天气、环境等）无法按您要求的时间配送，请您谅解！</p>
        </div>

        <div class="goods-wrap">
            <div class="block-title">订单商品信息<a href="/cart/cart" class="right"><span id="go-cart-btn">返回购物车修改</span></a></div>
            {{#with shoppingCartData}}
                {{#isY is_multi_package}}
                    <div class="multi-package-row">
                        温馨提示：您购买的商品<em class="red">分属不同仓库</em>，{{../package_title}}
                        <span class="show-package"></span>
                        <div class="package-list hide">
                            {{#each ../package_list}}
                                <div class="package-item">
                                    <p class="package-title bold">包裹{{math @index '+' 1}}:{{title}}</p>
                                    <div class="toggle-btns">
                                        <span class="toggle-icon left-icon"></span>
                                        <span class="toggle-icon right-icon"></span>
                                    </div>
                                    <div class="package-goods-wrap">
                                        <ul class="package-goods clearfix">
                                            {{#each goods_list}}
                                                <li class="left">
                                                    <img class="lazy package-goods-img" data-original="{{image2 goods_images w=68 h=90}}">
                                                    {{#isEqual goods_type 'gift'}}
                                                        <span>赠品</span>
                                                    {{/isEqual}}
                                                    {{#isEqual goods_type 'price_gift'}}
                                                        <span>加价购</span>
                                                    {{/isEqual}}
                                                </li>
                                            {{/each}}
                                        </ul>
                                    </div>
                                    <p class="package-shipping"></p>
                                </div>
                            {{/each}}
                        </div>
                    </div>
                {{/isY}}
            {{/with}}
            <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" href="{{linkToGoods}}">
                                <img src="{{image2 goods_images w=64 h=85}}" class="thumb">
                                <p class="name">
                                    {{#isEqual goods_type 'gift'}}
                                        <span>赠品</span>
                                    {{/isEqual}}
                                    {{#isEqual goods_type 'price_gift'}}
                                        <span>加价购</span>
                                    {{/isEqual}}
                                    {{product_name}}
                                </p>
                            </a>

                            {{#if_cond tags.lenght '!=' 0}}
                                <div class="special-tip">
                                    {{#each tags}}
                                        {{#if_cond this '===' 'LRE'}}
                                            <p class="special-limit-7day">不支持7天无理由退换</p>
                                            <div class="special-limit-tip special-limit-7day-box hide">
                                                该商品不支持7天无理由退换货，如有疑问，请联系客服！
                                            </div>
                                        {{/if_cond}}

                                        {{#if_cond this '===' 'L15DE'}}
                                            <p class="special-limit-7day">不支持15天无理由换货</p>
                                            <div class="special-limit-tip special-limit-15day-box hide">
                                                该商品支持7天无理由退换，不支持7天以上15天内的无理由换货，如有疑问，请联系客服！
                                            </div>
                                        {{/if_cond}}
                                    {{/each}}
                                </div>
                            {{/if_cond}}
                        </td>
                        <td class="border-top color-size">
                            颜色：<span class="color">{{factory_goods_name}}</span>
                            尺码：<span class="size">{{size_name}}</span>
                        </td>
                        <td class="border-top price">
                            <p class="red">¥ {{round productPrice 2}}</p>
                            {{#if linePrice}}
                                <p class="line-through">¥ {{round linePrice 2}}</p>
                            {{/if}}
                            {{#isVipPrice}}
                                <p class="tip-message">(VIP)</p>
                            {{/isVipPrice}}
                            {{#isStuPrice}}
                                <p class="tip-message">(学生价)</p>
                            {{/isStuPrice}}
                        </td>
                        <td class="border-top">× {{buy_number}}</td>
                        <td{{#if @first}} class="border-top"{{/if}}></td>
                    </tr>
                {{/each}}
                </tbody>
            </table>
        </div>
        <div class="invoice-wrap">
            <div class="block-title">发票信息</div>
            <label id="invoice-radio" class="invoice-radio radio-btn">发票开具</label>
                <div class="invoice-info-view hide">
                    <span></span>
                    <label id="modify-invoice">修改</label>
                </div>
        </div>

        {{# shoppingCartData}}
        <div class="extra-wrap">
            <dl>
                {{#unless ../notUseCoupon}}
                    <dt id="use-coupons" class="use-coupons" data-used="{{couponCode}}">
                        <span class="locker-switch"></span>使用优惠券／优惠码
                        <span class="used-num fw300">{{#if couponCount}}已推荐{{couponCount}}张{{/if}}</span>
                        <div class="tip-box right">
                            <p class="coupon-err-tip"></p>
                        </div>
                    </dt>
                    <dd class="coupon-choose-box">
                        <div class="coupon-opt-title">
                            <ul class="coupon-tab clearfix">
                                <li class="tab-item usable active">可用<span></span></li>
                                <li class="tab-item unusable">不可用<span></span></li>
                            </ul>
                            <div class="use-code">
                                <span class="code-use-tip red"></span>
                                <input type="text" class="coupon-code" placeholder="输入优惠码">
                                <label class="sure-convert fw300">兑换</label>
                            </div>
                        </div>
                        <div class="coupon-list-wrap">
                            <div class="usable-wrap"></div>
                            <div class="unusable-wrap hide"></div>
                        </div>
                    </dd>
                {{/unless}}

                {{#unless ../notUseYohoCoin}}
                    <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>
                {{/unless}}

                {{#if redEnvelopes}}
                    <dt><span class="locker-switch"></span>使用红包</dt>
                    <dd id="red-packet-box" class="red-packet-box">
                        <div>
                            <label class="radio-btn"></label>
                            使用红包支付（当前账户红包金额：<em class="red">¥ {{redEnvelopes}}</em>）
                            <label id="red-packet-sure" class="sure-btn fw300" data-num="{{redEnvelopes}}" data-used="{{useRedEnvelopes}}">确定</label>
                        </div>
                    </dd>
                {{/if}}

                <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>


                <dt><span class="locker-switch"></span>其他信息</dt>
                <dd id="remark-box" class="remark-box">
                    {{!
                        <div class="note-text-box">
                            <p class="tip-text fw300">声明：备注中有关收货人信息、支付方式、配送方式、发票信息等购买要求一律以上面的选择为准，备注无效。</p>
                            <textarea class="note-text" maxlength="100"></textarea>
                        </div>
                    }}
                    <p class="pp-area">是否打印价格：
                        <label class="radio-btn on">是</label>
                        <label class="radio-btn unprint">否</label>
                        <span class="fw300">（如：送朋友的商品可不打印价格哦！)</span>
                    </p>
                </dd>
            </dl>
        </div>

        <div class="balance-wrap">
            <ul id="balance-detail" class="balance-detail">
                {{#each promotion_formula_list}}
                    <li class="promotion-item">
                        {{#if @first}}
                            <span class="total-num"><i>{{../selected_goods_count}}</i>件商品</span>
                        {{/if}}
                        <span class="promotion-name">{{promotion}}：</span>
                        <em class="promotion-val">{{promotion_amount}}</em>
                    </li>
                {{/each}}
            </ul>
            <p id="delivery-detail" class="delivery-detail"></p>
        </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">提交订单</button>
        </div>
        {{/ shoppingCartData}}

        {{> ensure-tpl}}
    {{/ content}}
</div>