<div class="order-detail-page yoho-page">
    {{# orderDetail}}

    {{> fraud}}

    <a class="base-status clearfix" {{#if expressUrl}}href="{{expressUrl}}"{{/if}}>
        {{#if orderDetailInfo}}
        {{#orderDetailInfo}}
        <div class="status-c">
            <div class="status-title">{{value}}</div>
            <div class="status-body">{{{ext.desc}}}</div>
            <div class="status-time">{{ext.pay_expire}}</div>
        </div>
        {{#if ../expressUrl}}
        <span class="iconfont">&#xe614;</span>
        {{/if}}
        {{/orderDetailInfo}}
        {{/if}}
    </a>

    <div id="order-detail" data-id="{{orderCode}}">
    {{#unless deliveryOffline}}
        {{#if isVirtual}}
            {{#if mobile}}
                <section class="block">
                    <div class="tickets-mobile">
                        <span class="pull-left">手机号码：</span>
                        <span class="pull-right">{{mobile}}</span>
                    </div>
                </section>
            {{/if}}
        {{else}}
            <section class="owner-info block">
                <span class="iconfont">&#xe637;</span>
                <div class="beside-icon">
                    <p class="name-phone">
                        {{{htmlEncode deliveryInfo.userName}}}
                        <span>{{deliveryInfo.mobile}}</span>
                    </p>
                    <p class="address">
                        {{{htmlEncode addressAll}}}
                    </p>
                </div>
            </section>
        {{/if}}
    {{/unless}}

        <section class="goods block">
            {{> jit-more}}

            {{# goods}}
                {{> order/good}}
            {{/ goods}}
        </section>

        {{#orderAmountInfo}}
        <ul class="cost block">
            {{#each promotionFormulas}}
            <li> {{promotion}}:
                <span>{{promotionAmount}}</span>
            </li>
            {{/each}}
        </ul>
        <ul class="real-amount">
            {{#realAmount}}
            <li>
                {{promotion}}:
                <span>{{promotionAmount}}</span>
            </li>
            {{/realAmount}}
        </ul>
        {{/orderAmountInfo}}
        {{#if orderExtInfo.yohoGiveCoin}}
            <p class="dollar">
                <span class="bg-dollar"></span>
                共返YOHO币:
                <span>{{orderExtInfo.yohoGiveCoin}}</span>个
            </p>
        {{/if}}

        {{#invoice}}
            <ul class="invoice-info">
                <li>
                    <span>发票信息</span>
                    <span class="invoice-fr">{{#if type}}电子发票{{else}}纸质发票{{/if}}</span>
                </li>
                <li>
                    <span>发票抬头</span>
                    <span class="invoice-fr invoice-title">{{title}}</span>
                </li>
                {{#if pdfUrl}}
                    <li>
                        <a href="{{pdfUrl}}"><span class="invoice-fr invoice-see">点击下载PDF发票</span></a>
                    </li>
                {{/if}}
            </ul>
        {{/invoice}}

        {{!--时间倒计时按钮--}}
        {{# orderBtn}}
            {{#if leftTimeTop}}
                <div class="clock">
                    <ul class="count-down hide">
                        <li><span class="iconfont count-down-icon">&#xe64a;</span></li>
                        <li><span class="hours">{{leftTimeTop}}</span></li>
                    </ul>
                </div>
            {{/if}}
        {{/orderBtn}}

        {{!--按钮组--}}
        {{> order/order-btns}}
    </div>

    {{!-- 取消订单原因 --}}
    {{> order-detail/reason-mask}}

    {{!-- 申请售后退换货组件 --}}
    {{> order-detail/refund-change-mask}}

    {{#if orderBasicInfo}}

    <div class="info-table">
        {{#orderBasicInfo}}
        <div class="table-item">
            {{key}}：{{{htmlEncode value}}}

            {{# ext}}
                {{#if needShowInvoice}}
                    <a href="{{needShowInvoice}}" class="ext-options invoice-see">查看发票</a>
                {{/if}}
            {{/ ext}}
        </div>
        {{/orderBasicInfo}}
        <a href="{{serviceUrl}}" target="_blank" class="iconfont">&#xe63c;</a>
    </div>
    {{/if}}

    {{/ orderDetail}}

    {{!-- 申请退款原因 --}}
    {{> order-detail/refund-reason-mask}}

</div>

{{!-- 一些第三方脚本 --}}
{{> order-detail/scripts}}