{{> layout/header}}
<div class="order-detail-page yoho-page">
    {{# orderDetail}}
    <div id="order-detail" data-id="{{orderNum}}">
        <section class="owner-info block" data-changeable="{{changeable}}" data-url="{{url}}">
            <span class="iconfont">&#xe637;</span>

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

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

                <div class="rest">其他地址<span class="iconfont iconAddress">&#xe614;</span></div>
            </div>
            
        </section>
        <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">订单编号：{{orderNum}}</span>
                    <span >订单状态：{{orderStatus}}</span>
                    <span>下单时间：{{orderTime}}</span>
                </p>
            </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}}
            {{> me/order/jit-more}}
            {{/if}}
            {{# goods}}
            {{> me/order/good}}
            {{/ goods}}
        </section>

        <ul class="cost block">
            {{#each orderBalance}}
            <li> {{promotion}}:                                                               
                <span>{{account}}</span>
            </li>
            {{/each}}
            <li>
                实付金额
                <span>{{price}}</span>
            </li>
        </ul>
        {{#if yohoCoin}}
            <p class="dollar">
                <span class="bg-dollar"></span>
                共返YOHO币:
                <span>{{yohoCoin}}</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">{{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}}

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

            {{#if unpaid}}
            <ul class="count-down hide">
                <li>
                    <span class="iconfont count-down-icon">&#xe64a;</span>
                </li>
                <li>
                    <span class="hours">{{leftTime}}</span>
                </li>
            </ul>
            <span class="btn btn-cancel">取消订单</span>
            {{#if payUrl}}
            <a href="{{payUrl}}">
                <span class="btn btn-pay">立即付款</span>
            </a>
            {{/if}}
            {{/if}}

            {{#if logisticsUrl}}
            <a href="{{logisticsUrl}}">
                <span class="btn btn-check-logistics">查看物流</span>
            </a>
            {{/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>
<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>
{{> layout/footer}}