{{> layout/header}}
<div class="order-ensure-page yoho-page">
    {{# orderEnsure}}
    {{#if addressInfo}}
    <div class="address block address-wrap {{#if pageHeader.boys}} boys{{/if}}{{#if pageHeader.girls}} girls{{/if}}{{#if pageHeader.kids}} kids{{/if}}{{#if pageHeader.lifeStyle}} life-style{{/if}}" data-id ="{{addressId}}">
        <div class="info">
            <span class="info-name">{{name}}</span>
            <span class="info-phone">{{phoneNum}}</span>
            <a href="/cart/index/selectAddress"><span class="info-address">{{addressInfo}}</span></a>
            <i class="iconfont">&#xe637;</i>
        </div>
        <a class="rest" href="/cart/index/selectAddress">其他地址<span class="iconfont">&#xe614;</span></a>
    </div>
    {{^}}
        <div class="address block address-wrap not-address">
            <i class="iconfont">&#xe637;</i>
            <a class="choose" href="/cart/index/selectAddress">请选择收货地址<span class="iconfont">&#xe614;</span></a>
        </div>
    {{/if}}
    <section class="dispatch block">
        <div class="sub-block payment-type">
            <h3>
                <p>支付方式</p>
                {{#each paymentWay}}
                    {{#if recommend}}<span>{{name}}</span>{{/if}}
                {{/each}}
                <i class="iconfont down">&#xe616;</i>
                <i class="iconfont hide up">&#xe615;</i>
            </h3>
            <ul>
                {{#each paymentWay}}
                    {{#if isSupport}}
                    <li {{#if recommend}}class="chosed"{{/if}}>
                        <span>{{name}}</span>
                        <i class="right iconfont {{#if recommend}}icon-cb-radio{{else}}icon-radio{{/if}}"  data-id="{{paymentType}}"></i>
                    </li>
                    {{/if}}
                {{/each}}
            </ul>
        </div>
        <div class="sub-block delivery-id">
            <h3>
                <p>配送方式</p>
                {{#each dispatchMode}}
                    {{#if isSelected}}<span>{{name}}：运费¥{{cost}}</span>{{/if}}
                {{/each}}
                <i class="iconfont down">&#xe616;</i>
                <i class="iconfont hide up">&#xe615;</i>
            </h3>
            <ul class="dispatch-mode">
                {{#each dispatchMode}}
                <li {{#if isSelected}}class="chosed"{{/if}} data-id="{{id}}">
                    <span>{{name}}：运费¥{{cost}}</span>
                    <i class="right iconfont {{#if isSelected}}icon-cb-radio{{else}}icon-radio{{/if}}"  data-id="{{id}}"></i>
                </li>
                {{/each}}
            </ul>
        </div>
        <div class="sub-block dispatch-time">
            <h3>
                <p>送货时间</p>
                {{#each dispatchTime}}
                    {{#if isSelected}}<span>{{name}}</span>{{/if}}
                {{/each}}
                <i class="iconfont down">&#xe616;</i>
                <i class="iconfont hide up">&#xe615;</i>
            </h3>
            <ul>
                <li class="dispatch-time-info">快递公司会尽力按您选择的送货时间配送，如遇特殊情况(天气、环境等)无法按您要求时间配送，还请您谅解。</li>
                {{#each dispatchTime}}
                <li {{#if isSelected}}class="chosed"{{/if}} data-id="{{id}}">
                    <span>{{name}}</span>
                    <i class="right iconfont radio {{#if isSelected}}icon-cb-radio{{else}}icon-radio{{/if}}" ></i>
                </li>
                {{/each}}
            </ul>
        </div>
    </section>

    {{#if isJit}}
    {{> me/order/jit-more}}
    {{/if}}
    <section class="block goods-bottom">
        {{#each goods}}
        {{> me/order/good}}
        {{/each}}
        <div class="goods-num">共{{num}}件商品  合计<span>{{goodsPrice}}</span></div>
    </section>

    <section class="block">
        <ul class="sale-invoice">
            {{#if isOrdinaryCart}}
            <li class="coupon">
                <a href="{{#if isLimit}}javascript:void(0);{{else}}/cart/index/selectCoupon{{/if}}">
                    <span class="title">优惠券</span>
                    {{# coupon}}
                        {{#if couponName}}
                            <span class="used coupon-use" data-name="{{couponName}}">
                                {{couponName}}
                                <i class="iconfont">&#xe614;</i>
                            </span>
                        {{^}}
                            <span class="coupon-count">
                                {{count}}张可用
                            </span>
                            <span class="not-used coupon-use">
                                {{#if isLimit}}该商品不可使用优惠券{{else}}未使用{{/if}}
                                <i class="iconfont">&#xe614;</i>
                            </span>
                        {{/if}}
                    {{/coupon}}
                </a>
            </li>
            {{/if}}
            <li class="coin" data-yoho-coin="{{yohoCoinCompute.yohoCoin}}" data-yoho-coin-click={{yohoCoinCompute.yohoCoinClick}}>
                <span class="title">有货币</span>
                <span class="desc msg">{{yohoCoinCompute.yohoCoinMsg}}</span>
                <span class="yoho-coin-help">?</span>
                {{#if yohoCoinCompute.useYohoCoin}}
                    <span class="coin-check">
                        <i class="iconfont checkbox icon-cb-radio"></i>
                    </span>
                {{else}}
                    <span class="coin-check">
                        <i class="iconfont checkbox icon-radio"></i>
                    </span>
                {{/if}}
            </li>

            {{#if invoice}}
            <li class="invoice {{#if needInvoice}}focus{{/if}}">
                <input type="hidden" class="user-mobile" value="{{userMobile}}" />
                <span class="title">发票</span>
                <span class="iconfont checkbox {{#if needInvoice}}icon-cb-radio{{else}}icon-radio{{/if}}"></span>
                <a id="invoice" class="invoice-info" href="invoiceInfo">
                    <span class="title">发票信息</span>
                    <span class="invoice-type"><i class="iconfont">&#xe614;</i></span>
                </a>
            </li>
            {{/if}}
        </ul>

        <form id="msg" action="" method="post">
            <input type="text" name="msg" value="{{msg}}" maxlength="40" placeholder="留言">
        </form>
    </section>
    <section  class="price-cal block">
        <ul class="total">
            {{#cartPayData}}
            <li>
                <p>{{promotion}}</p>
                <span>{{promotion_amount}}</span>
            </li>
            {{/cartPayData}}
        </ul>
        <div class="price-cost">
            实付金额
            <span>¥{{price}}</span>
        </div>
    
        {{#if returnYohoCoin}}
        <div class="yoho-coin">
            共返有货币: {{yohoCoinNum}}个
        </div>
        {{/if}}

    </section>
    {{#if addressInfo}}
    <div class="address-bottom">
        <div class="back"></div>
        <span>送至：{{addressInfo}}</span>
    </div>
    {{/if}}
    <div class="bill">
        您需要支付：<span>¥{{price}}</span>
        <a href="javascript:;">提交订单</a>
    </div>

    <div class="yoho-coin-help-dialog-bg hide"></div>
    <div class="yoho-coin-help-dialog hide">
        <div class="yoho-coin-title">有货币使用条件：</div>
        <div class="yoho-coin-content">
            <p>1.订单金额大于20元（含）</p>
            <p>2.有货币数量大于{{yohoCoinCompute.yoho_coin_pay_rule.num_limit}}个（含）</p>
            <p>3.有货币支付不得超过每笔订单应付金额的{{yohoCoinCompute.yoho_coin_pay_rule.max_pay_rate_desc}}</p>
            <p>备注：使用有货币数量为{{yohoCoinCompute.yoho_coin_pay_rule.num_limit}}的整数倍，100有货币抵1元。</p>
        </div>
        <div class="yoho-coin-footer">知道了</div>
    </div>
    {{/ orderEnsure}}
</div>
{{> layout/footer}}