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

    {{> fraud}}

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

                <p class="beside-icon sub-content">
                	<span class="sub-title">订单编号：{{orderCode}}</span>
                    <span >订单状态：{{statusStr}}</span>
                    <span>下单时间：<b class="createTime">{{createTime}}</b></span>
                    {{#if paymentName}}
                        <span>支付方式：{{paymentName}}</span>
                    {{/if}}
                    {{#if offlinestore}}
                    <span>下单门店： {{offlinestore}}</span>
                    {{/if}}
                </p>
                <a href="{{serviceUrl}}" target="_blank" class="iconfont icon-right">&#xe63c;</a>
            </div>
            {{# orderBtn}}
                {{#if getExpress}}
                    <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>
                            {{#if logisticsNum}}
                                <span>快递单号：{{logisticsNum}}</span>
                            {{/if}}
                        </p>
                        <span class="iconfont icon-right">&#xe614;</span>
                    </a>
                {{/if}}
            {{/orderBtn}}

            {{#if deliveryOffline}}
            <div class="offline-delivery">
                <span class="delivery-img"></span>
                <p class="beside-left">

                    <span class="delivery-title">配送信息</span>
                    <span class="delivery-content">配送方式：门店取货</span>
                </p>
            </div>
            {{/if}}
        </section>

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

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

        <ul class="cost block">
            {{#each promotionFormulas}}
            <li> {{promotion}}:
                <span>{{promotionAmount}}</span>
            </li>
            {{/each}}
            <li>
                {{#if isPayonline}}实付金额{{else}}应付金额{{/if}}
                <span>{{amount}}</span>
            </li>
        </ul>
        {{#if yohoGiveCoin}}
            <p class="dollar">
                <span class="bg-dollar"></span>
                共返YOHO币:
                <span>{{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>

    <div class="reason-mask">
        <div class="reason-box" >
            <div class="box-head"><span class="box-cmp">完成</span></div>
            <div class="swiper-container box-main">
                <ul class="swiper-wrapper">
                    {{#cancelReason}}
                    <li class="swiper-slide" data-reason-id="{{id}}"><span>{{reason}}</span></li>
                    {{/cancelReason}}
                </ul>
                <div class="active-mask"></div>
            </div>
        </div>
    </div>
    {{/ orderDetail}}

     {{!-- 申请退款原因 --}}
     <div class="refund-reason-mask">
            <div class="refund-reason-box" >
                <div class="box-head"><span class="box-cmp">完成</span></div>
                <div class="swiper-container refund-box-main">

                    <ul class="swiper-wrapper">
                        {{#refundReason}}
                        <li class="swiper-slide" data-reason-id="{{id}}"><span >{{reason}}</span></li>
                        {{/refundReason}}
                    </ul>
                    <div class="refund-active-mask"></div>
                </div>
            </div>
    </div>
</div>

<script>_ozprm = "orderid={{orderCode}}&ordertotal={{orderTotal}}";</script>
<script type="text/javascript" src="//static.yohobuy.com/m/v1/js/AG_Tracking.js"></script>
<script type="text/javascript">
    var _agq = _agq || [];
    _agq.push(['_cid', '415']); //生成value
    _agq.push(['_eid', '102']); //生成value
    _agq.push(['_orderSum', "{{orderTotal}}"]);//订单金额，客户在页面填写
    _agq.push(['_orderNo', "{{orderCode}}"]);//订单号，客户在页面填写
    _agq.push(['_orderNew', "{{isOldUser}}"]);//是否新客单，客户标记是为true否为false
    _agq.push(['_orderCount', "{{orderCount}}"]);//订单货品数目，客户填写
    ag_send(_agq);

    var __order_code = "{{orderCode}}";
    var __order_amount = "{{orderTotal}}";
    var __order_user = "{{isOldUser}}";
    var __order_goods_num = "{{orderCount}}";
    var __order_uid = '{{uid}}';

    var _fxcmd = _fxcmd || [];
    _fxcmd.push(['trackOrder', {
        oid: "{{orderCode}}",
        otp: "{{orderTotalFormat}}",
        unid: "{{uid}}"
    }]);
</script>
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
    window.criteo_q = window.criteo_q || [];
    window.criteo_q.push(
        {event: "setAccount", account: [21397]},
        {event: "setHashedEmail", email: ""},
        {event: "setSiteType", type: "m"},
        {event: "trackTransaction", id: "{{orderCode}}", currency: "CNY", item: ""}
    );
</script>