{{> layout/header}}
<div class="order-detail-page yoho-page">
    {{# orderDetail}}
        <div id="order-detail" data-id="{{orderNum}}">
            <section class="owner-info block">
                <span class="iconfont">&#xe631;</span>
                <div class="beside-icon">
                    <p class="name-phone">
                        {{name}}
                        <span>{{phoneNum}}</span>
                    </p>
                    <p class="address">
                        {{address}}
                    </p>
                </div>
            </section>

            <section class="order-status block">
                <div class="status sub">
                    <span class="iconfont">&#xe632;</span>
                    <p class="beside-icon sub-content">
                        <span class="sub-title">{{orderStatus}}</span>
                        <span>订单编号：{{orderNum}}</span>
                        <span>下单时间：{{orderTime}}</span>
                    </p>
                </div>
                {{#if unreceived}}
                    <a class="logistics sub" href="{{logisticsUrl}}">
                        <span class="iconfont">&#xe630;</span>
                        <p class="beside-icon sub-content">
                            <span class="sub-title">物流信息</span>                        
                            <span>物流公司：{{logisticsCompany}}</span>
                            <span>快递单号：{{logisticsNum}}</span>
                        </p>
                        <span class="iconfont icon-right">&#xe614;</span>
                    </a>
                {{/if}}
            </section>

            <section class="goods block">
                {{# goods}}
                    {{> me/order/good}}
                {{/ goods}}
            </section>

            <ul class="cost block">
                <li>
                    商品总金额
                    <span>¥{{sumPrice}}</span>
                </li>
                <li>
                    活动金额
                    <span>-¥{{salePrice}}</span>
                </li>
                <li>
                    运费
                    <span>+¥{{freight}}</span>
                </li>
                <li>
                    YOHO币
                    <span>-¥{{yohoCoin}}</span>
                </li>
                <li>
                    实付金额
                    <span>¥{{price}}</span>
                </li>
            </ul>

            <div class="opt block">
                {{#unless unreceived}}
                    {{#unless unpaid}}
                        <span class="btn btn-del">删除订单</span>
                    {{/unless}}
                {{/unless}}

                {{#if unpaid}}
                    <span class="btn btn-cancel">取消订单</span>
                    <a href="{{payUrl}}">
                        <span class="btn btn-pay">立即付款</span>
                    </a>
                {{/if}}

                {{#if unreceived}}
                    <a href="{{logisticsUrl}}">
                        <span class="btn btn-check-logistics">查看物流</span>
                    </a>
                {{/if}}
            </div>
        </div>
    {{/ orderDetail}}
</div>
{{> layout/footer}}