{{> layout/header}}
<div class="order-ensure-page yoho-page">
    {{# orderEnsure}}
        <section class="block">
            <p>
                收货地址
                <span class="per-info">{{name}} {{phoneNum}}</span>
            </p>
            <p class="address">
                {{address}}
            </p>
        </section>

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

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

        <section class="block">
            <h3 class="title">商品</h3>
            <div class="goods">
                {{#each goods}}
                    {{> shopping-cart/good}}
                {{/each}}
            </div>
        </section>

        <section class="block">
            <ul>
                {{# coupon}}
                    <li class="coupon">
                        <a href="{{url}}">
                            <span class="title">优惠券</span>
                            {{#if count}}
                                <span class="coupon-count">
                                    {{count}}张可用
                                </span>
                            {{/if}}

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

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

                {{# invoice}}
                    <li class="invoice">
                        <span class="title">发票</span>
                        <span class="iconfont checkbox icon-cb"></span>
                    </li>
                {{/ invoice}}
            </ul>

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

        <ul class="pay-mode">
            <li class="cod">
                <span class="iconfont"></span>
                货到付款
            </li>
            <li class="pay-online">
                <span class="iconfont"></span>
                在线支付
            </li>
        </ul>
    {{/ orderEnsure}}
</div>
{{> layout/footer}}