@extends('layout.im')
@section('title','订单详情')
@section('myCss')
  <link rel="stylesheet" href="/1/css/im.css">
@endsection
@section('shouye')
<div class="shouye">
    <a href="{{url('/')}}"><img src="/1/img/home.gif" height="21px" width="21px" alt=""></a>
    <a href="{{url('/im')}}">我的商城</a>
    <a href="{{url('/im/order')}}">我的订单</a>
    <p style="color:#00c3f5">订单：{{$order['order_num']}}</p>
    <input type="hidden" class="order_id" value="{{$order['id']}}">
</div>
@endsection
@section('right-con')
<div class="right-content f-fr">
    <div class="orderDetail-main">
        <div class="type-tab-btn">
            <a href="javascript:;" class="active">订单详情</a>
        </div>
        <div class="process">
            <hr class="cercel4">
                <hr class="covering cercel4" style="width:0%;">
                <ul class="line-time clearfix">
                    <li class="s-01">
                        提交订单<br>{{$order['created_at']}}</li>
                    <li class="s-02 ">
                        买家已付款<br>{{$order['pay_at']}}</li>
                    <li class="s-03">
                        已发货<br>{{$order['send_at']}}</li>
                    <li class="s-04">
                        交易成功<br>{{$order['success_at']}}</li>
                </ul>
        </div>
        @if($order['status'] == 1)
        <div class="item info status">
            <div class="goPay clearfix order-item">
                <div class="left f-fl">
                    <p><span class="order-status">订单状态：</span><span class="red">{{showOrderState($order['status'])}}</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>应付金额：<i class="red">￥{{$order['total']}}</i></span></p>
                    <p class="line2">
                        <span class="gray">
                            <span class="contents _timer red"> 0小时 </span>内未付款，将自动取消订单。</span>
                    </p>
                </div>
                <div class="right f-fr">
                    <a class="payNow opreat-btn" target="_blank" href="">立即付款</a>
                    <a class="cancel right opreat-btn" href="javascript:;">取消订单</a>
                </div>
            </div>
        </div>
        @elseif($order['status'] == 2)
        <div class="item info status">
            <div class="goPay clearfix order-item">
                <div class="left f-fl">
                    <p><span class="order-status">订单状态：</span><span class="red">{{showOrderState($order['status'])}}</span></p>
                    <p class="line2">
                        <span class="gray">我们会在您付款后48小时内发货，请留意。
                        </span>
                    </p>
                </div>
                <div class="right f-fr">
                    <a class="cuicu right opreat-btn" href="javascript:;">催促发货</a>
                    <a class="tuikuan right opreat-btn" href="javascript:;">申请退款</a>
                </div>
            </div>
        </div>
        @elseif($order['status'] == 3)
        <div class="item info status">
            <div class="goPay clearfix order-item">
                <div class="left f-fl">
                    <p><span class="order-status">订单状态：</span><span class="red">{{showOrderState($order['status'])}}</span></p>
                    <div>物流信息：</div>
                </div>
                <div class="right f-fr">
                    <a class="tuikuan right opreat-btn" href="javascript:;">申请退款</a>
                </div>
            </div>
        </div>
        @elseif($order['status'] == 4)
        <div class="item info status">
            <div class="goPay clearfix order-item">
                <div class="left f-fl">
                    <p><span class="order-status">订单状态：</span><span class="red">{{showOrderState($order['status'])}}</span></p>
                    <p class="line2">
                        <span class="gray">您在
                            <span class="contents red"> {{$order['success_at']}} </span>收到了您的商品</span>
                    </p>
                </div>
                <div class="right f-fr">
                    <a class="tuihuokuan right opreat-btn" style="width:120px" href="javascript:;">申请退货/退款</a>
                </div>
            </div>
        </div>
        @elseif($order['status'] > 4)
        <div class="item info status">
            <div class="goPay clearfix order-item">
                <div class="left f-fl">
                    <p><span class="order-status">订单状态：</span><span class="red">{{showOrderState($order['status'])}}</span></p>
                </div>
            </div>
        </div>
        @endif
        @if($order['status'] == 3 || $order['status'] == 4)
        <div class="item wuliu">
            <span class="title">物流信息</span>
            <div class="wuliu_con">
                <div class="wuliu1">
                    <span>送货方式：普通快递</span>
                    <span>承运人：{{$order['kd_company']}}</span>
                    <span>承运人电话：
                    @if($order['kd_tel'])
                    {{$order['kd_tel']}}
                    @else
                    暂无
                    @endif
                    </span>
                    <span>货运单号：{{$order['kd_num']}}</span>
                </div>
                <div class="wuliu2">
                    <div class="line"></div>
                    <ul class="wuliu_content">
                    <span style="margin-left:30px">物流信息加载中……</span>
                    </ul>
                </div>
                <div style="clear:both"></div>
            </div>
        </div>
        @endif
        <div class="item product" id="products">
            <table>
                <tbody>
                    <tr>
                        <td class="product" colspan="2" style="padding-left: 44px;">订单号：{{$order['order_num']}}</td>
                        <td>单价</td>
                        <td>数量</td>
                        <td class="back-two">小计</td>
                    </tr>
                    <!-- 遍历订单内商品 -->
                    @foreach($order['goods'] as $k=>$v)
                    <tr class="b-b-dashed">
                        <td class="p-r">
                            <a href="{{url('/goods')}}/{{$v['detail']['id']}}" target="_blank">
                                <img src="{{$v['detail']['pic']}}">
                            </a>
                        </td>
                        <td class="product">
                            <span>
                                <a>{{$v['detail']['title']}}</a>
                            </span>
                        </td>
                        <td class="price">
                            <span>￥{{$v['detail']['price']}}</span>
                        </td>
                        <td>{{$v['num']}}</td>
                        <br />
<font size='1'><table class='xdebug-error xe-notice' dir='ltr' border='1' cellspacing='0' cellpadding='1'>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Notice: Undefined variable: v in C:\websoft9\wampserver\www\admin\resources\views\im\order_detail.blade.php on line <i>156</i></th></tr>
<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>
<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>
<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0000</td><td bgcolor='#eeeeec' align='right'>247616</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='C:\websoft9\wampserver\www\admin\resources\views\im\order_detail.blade.php' bgcolor='#eeeeec'>...\order_detail.blade.php<b>:</b>0</td></tr>
</table></font>
<br />
<font size='1'><table class='xdebug-error xe-notice' dir='ltr' border='1' cellspacing='0' cellpadding='1'>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Notice: Undefined variable: v in C:\websoft9\wampserver\www\admin\resources\views\im\order_detail.blade.php on line <i>156</i></th></tr>
<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>
<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>
<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0000</td><td bgcolor='#eeeeec' align='right'>247616</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='C:\websoft9\wampserver\www\admin\resources\views\im\order_detail.blade.php' bgcolor='#eeeeec'>...\order_detail.blade.php<b>:</b>0</td></tr>
</table></font>
                        <td class="bold back-two">￥{{$xiaoji}}</td>
                    </tr>
                    @endforeach
                    <!-- 遍历订单内商品over -->
                    <tr class="ticket-line-tr">
                        <td colspan="5" class="ticket-line">
                            <div class="item ticket clearfix">
                                <p class="specail f-fl">
                                    <span class="space gray">备注信息：</span>
                                    <span>
                                    <b class="text">
                                        <span class="gray-6">备注信息</span>
                                    </b>
                                    </span>
                                </p>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="item makeOrder">
            <ul>
                <li><span>总金额</span><span>￥{{$order['total']}}</span>
                </li>
                <!-- <li><span>优惠券</span><span class="big-red">-￥0</span> -->
                </li>
                <li><span>运费（包邮）</span><span>￥0</span>
                </li>
                @if($order['status'] == 1)
                <li class="end"><span>应付</span><span class="total big-red">￥{{$order['total']}}</span>
                @else
                <li class="end"><span>实付</span><span class="total big-red">￥{{$order['total']}}</span>
                <li><span>付款方式</span><span>
                @if($order['pay_type'] == 1)
                支付宝
                @else($order['pay_type'] == 2)
                微信支付
                @endif
                </span>
                @endif
                </li>
            </ul>
        </div>
        <div class="editBox title">
            <span class="title">收货人信息&nbsp;&nbsp;</span>
        </div>
        <div class="address" style="display: block;">
            <p>收货人：{{$order['addr']['name']}}</p>
            <p>地址：{{$order['addr']['addr']}}&nbsp;{{$order['addr']['jiedao']}}</p>
            <p>电话：{{$order['addr']['phone']}}</p>
            <div class="sssss"></div>
        </div>
    </div>
</div>
<script>
     $("#my-order").addClass('active');
</script>
@endsection
@section('myJs')
<script>
    var url = "http://store.carboncubetech.com/kdapi.php"
    var data = {
        "OrderCode" : "",
        'ShipperCode':'{{$order['kd_code']}}',
        'LogisticCode':'{{$order['kd_num']}}',
    }
    var success = function(res){
        res = JSON.parse(res)
        console.log(res)
        // res.Traces[0].AcceptStation
        var str = '';
        for (var i = res.Traces.length - 1; i >= 0; i--) {
            str += "<li>"+res.Traces[i].AcceptTime+"&nbsp;&nbsp;&nbsp;&nbsp;"+res.Traces[i].AcceptStation+"</li>";
        };
        $('.wuliu_content').html(str)
        // 设置line高度
        var h = $(".wuliu2 ul li:first-child").height()/2;
        var h1 = $(".wuliu2 ul li:last-child").height()/2;
        $(".line").css("top",h);
        $(".line").height($(".wuliu2").height()-h1-h);
    }
    $.post(url,data,success,'json')
</script>
<script>
window.onload = function(){
    // 判断订单状态显示step
    var status = {{$order['status']}};
    // alert(status);return
    if (status == 1 || status == 5) {
        $('.s-01').addClass('active')
    }else if(status == 2){
        $('.s-01').addClass('active')
        $('.s-02').addClass('active')
    }else if(status == 3){
        $('.s-01').addClass('active')
        $('.s-02').addClass('active')
        $('.s-03').addClass('active')
    }else if(status == 4){
        $('.s-01').addClass('active')
        $('.s-02').addClass('active')
        $('.s-03').addClass('active')
        $('.s-04').addClass('active')
    }
    // 倒计时
    setInterval(function () {
        var starttime = new Date("{{$order['created_at']}}");
        starttime.setDate(starttime.getDate()+2);
        var nowtime = new Date();
        var time = starttime - nowtime;
        var day = parseInt(time / 1000 / 60 / 60 / 24);
        var hour = parseInt(time / 1000 / 60 / 60 % 24);
        var minute = parseInt(time / 1000 / 60 % 60);
        var seconds = parseInt(time / 1000 % 60);
        $('._timer').html(day + "天" + hour + "小时" + minute + "分钟" + seconds + "秒");
    }, 1000);
}
// 取消订单
$('.cancel').click(function(){
    var order_id = $('.order_id').val()
    swal({
    text: "确定取消订单吗？",
    type: 'warning',
    showCancelButton: true,
    confirmButtonColor: '#3085d6',
    cancelButtonColor: '#d33',
    confirmButtonText: '确定',
    cancelButtonText: '不了',
    }).then(function(isConfirm){
        if(isConfirm) {
            var url = '{{url('/order/cancelOrder')}}';
            var id = order_id;
            var data={
                'id':id,
                '_token':'{{csrf_token()}}'
                };
            var success=function(response){
                if (response.error == 0) {
                    swal('',response.errmsg,'success')
                    setTimeout("location.reload();",1000)
                }else{
                    swal('',response.errmsg,'error')
                }
            };
            $.post(url,data,success,'json');
        }
    })
})
</script>
@endsection