{{> layout/header}}
<div class="order-ensure-page yoho-page">
    {{# orderEnsure}}
    <a class="address-wrap block" data-id="{{addressId}}" data-support="{{isSupport}}" href="/cart/index/selectAddress">
        <p class="infos">
            收货地址
            <span class="per-info">{{name}} {{phoneNum}}</span>
            <span class="address">{{area}} {{address}}</span>
        </p>
        <span class="iconfont">&#xe614;</span>
    </a>

    <section class="dispatch block">
        <div class="sub-block">
            <h3 class="title">配送方式</h3>
            <ul class="dispatch-mode clearfix">
                {{#each dispatchMode}}
                <li {{#if isSelected}}class="chosed"{{/if}} data-id="{{id}}">{{name}}</li>
                {{/each}}
            </ul>
        </div>

        <div class="sub-block">
            <h3 class="title">送货时间</h3>
            <ul class="dispatch-time clearfix">
                {{#each dispatchTime}}
                <li {{#if isSelected}}class="chosed"{{/if}} data-id="{{id}}">{{name}}</li>
                {{/each}}
            </ul>
        </div>
    </section>

    <section class="block">
        <h3 class="title">商品</h3>
        <div class="goods">
            {{#each goods}}
            {{> me/order/good}}
            {{/each}}
        </div>
    </section>

    <section class="block">
        <ul class="sale-invoice">
            {{#if isOrdinaryCart}}
            <li class="coupon">
                <a href="/cart/index/selectCoupon">
                    <span class="title">优惠券</span>
                    {{# coupon}}
                    <span class="coupon-count">
                        {{count}}张可用
                    </span>

                    {{#if couponName}}
                    <span class="used coupon-use" data-name="{{couponName}}">
                        {{couponName}}
                        <i class="iconfont">&#xe614;</i>
                    </span>
                    {{^}}
                    <span class="not-used coupon-use">
                        未使用
                        <i class="iconfont">&#xe614;</i>
                    </span>
                    {{/if}}
                    {{/coupon}}
                </a>
            </li>
            {{/if}}
            <li class="coin" data-yoho-coin="{{yohoCoin}}">
                <span class="title">YOHO币</span>

                {{#if yohoCoin}}
                <span class="desc used {{#unless useYohoCoin}}hide{{/if}}">已抵¥{{useYohoCoin}}</span>
                <span class="desc can-use {{#if useYohoCoin}}hide{{/if}}">可抵¥{{yohoCoin}}</span>

                {{#if useYohoCoin}}
                <span class="coin-check">
                    <em>- ¥ {{useYohoCoin}}</em>
                    <i class="iconfont checkbox icon-cb-checked"></i>
                </span>
                {{else}}
                <span class="coin-check">
                    <em style="display: none;">- ¥ {{useYohoCoin}}</em>
                    <i class="iconfont checkbox icon-checkbox"></i>
                </span>
                {{/if}}
                {{^}}
                <span class="not-used coin-check">
                    无YOHO币可用
                </span>
                {{/if}}
            </li>

            {{#if invoice}}
            <li class="invoice {{#if needInvoice}}focus{{/if}}">
                <span class="title">发票</span>
                <span class="iconfont checkbox {{#if needInvoice}}icon-cb-checked{{else}}icon-checkbox{{/if}}"></span>
                <form id="invoice">
                    <input type="text" name="invoice-title" value="{{invoiceText}}" maxlength="30" placeholder="发票抬头">
                    <label>
                        发票类型
                        <select class="invoice-type" name="invoice-type">
                            {{# invoice}}
                            <option value="{{id}}" {{#if isSelected}}selected{{/if}}>{{name}}</option>
                            {{/ invoice}}
                        </select>
                    </label>
                </form>
            </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>
                <span>{{promotion}}</span>
                &nbsp;&nbsp;{{promotion_amount}}
            </li>
            {{/cartPayData}}
            <li class="cost">
                应付金额： <em>¥{{price}}</em>
            </li>
        </ul>
    </section>

    <ul class="pay-mode">
        {{# paymentWay}}
        {{#if isSupport}}
        <li class="{{#if recommend}}default{{/if}}" data-pay-type="{{paymentType}}" data-pay-id="{{id}}">
            <span class="iconfont">
                {{#if recommend}}
                &#xe62f;
                {{else}}
                &#xe62e;
                {{/if}}
            </span>
            {{name}}
        </li>
        {{/if}}
        {{/ paymentWay}}
    </ul>
    {{/ orderEnsure}}
</div>
<script id="tmpl-price" type="text/tmpl">
    <ul class="total">
    \{{#cartPayData}}
    <li>
    <span>\{{promotion}}</span>
    &nbsp;&nbsp;\{{promotion_amount}}
    </li>
    \{{/cartPayData}}
    <li class="cost">
    应付金额： <em>¥\{{price}}</em>
    </li>
    </ul>
</script>
{{> layout/footer}}