<div class="order-detail-page yoho-page">
    {{# orderDetail}}
    <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" data-changeable="{{changeable}}" data-url="{{url}}">
                <span class="iconfont">&#xe637;</span>

                <div class="beside-icon">
                    <p class="name-phone">
                        {{userName}}
                        <span>{{mobile}}</span>
                    </p>

                    <p class="address">
                        {{addressAll}}
                    </p>

                    <div class="rest">其他地址<span class="iconfont icon-address">&#xe614;</span></div>
                </div>

            </section>
            <div class="range"></div>
        {{/if}}
        <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 payAly}}
                    <span>支付方式：{{paymentName}}</span>
                    {{/if}}
                </p>
                <a href="{{serviceUrl}}" target="_blank" class="iconfont icon-right">&#xe63c;</a>
            </div>
            {{#if logisticsUrl}}
            <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}}
        </section>

        <section class="goods block">
            {{#if isJit}}
            {{> jit-more}}
            {{/if}}
            {{# 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>
                <li>
                    <span>发票内容</span>
                    <span class="invoice-fr">{{contentValue}}</span>
                </li>
                {{#if pdfUrl}}
                    <li>
                        <a href="{{pdfUrl}}"><span class="invoice-fr invoice-see">点击下载PDF发票</span></a>
                    </li>
                {{/if}}
            </ul>
        {{/invoice}}

        {{#if unpaid}}
        <div class="clock">
            <ul class="count-down hide">
                <li>
                    <span class="iconfont count-down-icon">&#xe64a;</span>
                </li>
                <li>
                    <span class="hours">{{leftTime}}</span>
                </li>
            </ul>
        </div>
         {{/if}}

        <div class="opt block">
            {{!-- 修改地址 --}}
            {{#if addressModify}}
                <a href="{{newUrl}}" class="btn">修改地址</a>
            {{/if}}
            {{#if isDepositAdvance}}
                <div class="order-opt">
                    <span class="order-opt-info">请到App完成订单相关操作</span>
                </div>
            {{else}}
                {{#unless unreceived}}
                    {{#unless unpaid}}
                        <span class="btn btn-del">删除订单</span>
                        {{#if isVirtual}}
                            <!--虚拟商品-->
                        {{else}}
                            {{#unless useLimitCode}}<span class="btn btn-rebuy">再次购买</span>{{/unless}}
                        {{/if}}
                    {{/unless}}
                {{/unless}}

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

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

                {{#if qrcode}}
                    <a href="{{qrcode}}">
                        <span class="btn btn-check-logistics">查看二维码</span>
                    </a>
                {{/if}}

                {{!-- 申请退款 --}}
                {{#if refundApply}}
                        <span class="btn btn-refund" data-toggle="ymodal" data-target="#refundModal">申请退款</span>
                {{/if}}
            {{/if}}
        </div>
    </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>

{{!-- 申请退款确认框 --}}
<div class="ymodal ymodal-alert" id="refundModal">
    <div class="ymodal-dialog">
        <div class="ymodal-content">
            <div class="ymodal-body">
                申请退款后，本单享有的优惠可能会一并取消，确定申请吗？
            </div>
            <div class="modal-btn">
                <button class="dis-miss-btn" data-dismiss="ymodal">返回</button>
                <button id="sureRefund">确定</button>
            </div>
        </div>
    </div>
</div>

{{!-- 取消订单确认框 --}}
<div class="ymodal ymodal-alert" id="closeModal">
    <div class="ymodal-dialog">
        <div class="ymodal-content">
            <div class="ymodal-body">
                取消订单后，本单享有的优惠可能会一并取消，确定申请吗？
            </div>
            <div class="modal-btn">
                <button class="dis-miss-btn" data-dismiss="ymodal">返回</button>
                <button id="sureClose">确定</button>
            </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>