{{> layout/header}}
<div class="order-ensure-page yoho-page">
    {{# orderEnsure}}
        <a class="address-wrap block" href="/shoppingCart/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 coupon}}
                    <li class="coupon">
                        <a href="/shoppingCart/selectCoupon">
                        <!-- <a href="{{url}}"> -->
                            <span class="title">优惠券</span>
                            {{#if count}}
                                <span class="coupon-count">
                                    {{count}}张可用
                                </span>
                            {{/if}}

                            {{#if value}}
                                <span class="used coupon-use">
                                    -¥{{value}}
                                    <i class="iconfont">&#xe614;</i>
                                </span>
                            {{^}}
                                <span class="not-used coupon-use">
                                    未使用
                                    <i class="iconfont">&#xe614;</i>
                                </span>
                            {{/if}}
                        </a>
                    </li>
                {{/if}}

                {{# yohoCoin}}
                    <li class="coin" data-yoho-coin="{{.}}">
                        <span class="title">YOHO币</span>
                        <span class="desc">可抵用¥{{.}}</span>
                        <span class="coin-check">
                            <em>- ¥ {{.}}</em>
                            <i class="iconfont checkbox icon-cb-checked"></i>
                        </span>
                    </li>
                {{/ yohoCoin}}

                {{#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}}" 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}}" placeholder="留言">
            </form>
        </section>

        <section class="price-cal block">
            <ul class="total">
                <li>
                    <span>总价</span>
                    &nbsp;&nbsp;¥{{sumPrice}}
                </li>
                <li>
                    <span>活动价</span>
                    - ¥{{salePrice}}
                </li>
                <li>
                    <span>运费</span>
                    + ¥{{freight}}
                </li>
                <li>
                    <span>YOHO币</span>
                    - ¥{{yohoCoin}}
                </li>
                <li class="cost">
                    应付金额： <em>¥{{price}}</em>
                </li>
            </ul>
        </section>

        <ul class="pay-mode">
            {{# paymentWay}}
            <li class="{{#if default}}default{{/if}}" data-pay-type="{{paymentType}}" data-pay-id="{{id}}">
                <span class="iconfont">
                    {{#if default}}
                        &#xe62f;
                    {{else}}
                        &#xe62e;
                    {{/if}}
                </span>
                {{name}}
            </li>
            {{/ paymentWay}}
        </ul>
    {{/ orderEnsure}}
</div>
<script id="tmpl-price" type="text/tmpl">
    <ul class="total">
        <li>
            <span>总价</span>
            &nbsp;&nbsp;¥\{{sumPrice}}
        </li>
        <li>
            <span>活动价</span>
            - ¥\{{salePrice}}
        </li>
        <li>
            <span>运费</span>
            + \{{freight}}
        </li>
        <li>
            <span>YOHO币</span>
            - ¥\{{yohoCoin}}
        </li>
        <li class="cost">
            应付金额： <em>¥\{{price}}</em>
        </li>
    </ul>
</script>
{{> layout/footer}}