@extends('layouts.app')
@section('content')
<!-- page-title -->
<div class="tf-page-title">
    <div class="container-full">
        <div class="heading text-center">Tracking</div>
    </div>
</div>
<!-- /page-title -->

<!-- page-cart -->
<section class="flat-spacing-11">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="wd-form-order">
                    <div class="order-head">
                        <div class="content">
                            @if($order_query->status=="DELIVERED")
                                <div class="badge bg-success">{{$order_query->status}}</div>
                            @elseif ($order_query->status=="FAILED")
                                <div class="badge bg-danger">{{$order_query->status}}</div>
                            @elseif ($order_query->status=="READY FOR PICKUP")
                                <div class="badge bg-info">{{$order_query->status}}</div>
                            @elseif ($order_query->status=="OUT FOR DELIVERY")
                                <div class="badge bg-warning">{{$order_query->status}}</div>
                            @elseif ($order_query->status=="RETURNED")
                                <div class="badge bg-warning">{{$order_query->status}}</div>
                            @else
                                <div class="badge bg-primary">In Progress</div>
                            @endif
                            <h6 class="mt-8 fw-5">Order No #{{$order_query->reference}}</h6>
                        </div>
                    </div>
                    <div class="tf-grid-layout md-col-2 gap-15">
                        {{--<div class="item">
                            <div class="text-2 text_black-2">Item</div>
                            <div class="text-2 mt_4 fw-6">{{$order_query->items[0]->product_details->name}}</div>
                        </div>--}}
                       
                        <div class="item">
                            <div class="text-2 text_black-2">Address</div>
                            <div class="text-2 mt_4 fw-6">{{$order_query->shipping_details->address_1.", ".$order_query->shipping_details->address_2.", ".$order_query->shipping_details->barangay.", ".
                            $order_query->shipping_details->city.", ".$order_query->shipping_details->province}}</div>
                        </div>
						 <div class="item">
                            <div class="text-2 text_black-2">Start Time</div>
                            <div class="text-2 mt_4 fw-6">{{date('d F Y, H:i:s',strtotime($order_query->created_at))}}</div>
                        </div>
                    </div>
                    <div class="widget-tabs style-has-border widget-order-tab">
                        <ul class="widget-menu-tab">
                            <li class="item-title active">
                                <span class="inner">Tracking History</span>
                            </li>
                            <li class="item-title">
                                <span class="inner">Item Details</span>
                            </li>
                            <li class="item-title">
                                <span class="inner">Courier</span>
                            </li>
                            <li class="item-title">
                                <span class="inner">Receiver</span>
                            </li>
                        </ul>
                        <div class="widget-content-tab">
                            <div class="widget-content-inner active">
                                <div class="widget-timeline">
                                    <ul class="timeline">
                                        @foreach($order_query->shipment->tracking as $key => $track)
                                        <li>
                                            <div class="timeline-badge success"></div>
                                            <div class="timeline-box">
												<a class="timeline-panel" href="javascript:void(0);">
													<div class="text-2 fw-6">{{$track->status}}</div>
													<span>{{date('m/d/Y h:i a',strtotime($track->created_at))}}</span>
												</a>
												<p>{{$track->details}}</p>
												@if(!empty($track->location))
												<p><strong>Location : </strong>{{$track->location}}</p>
												@endif
											</div>
                                        </li>
                                        @endforeach

                                        {{-- @if ($order_query->shipping_method == "PICKUP")
                                            @php
                                                $statuses = [
                                                    'DELIVERED' => ['ORDER RECEIVED.', 'Your order has been received.'],
                                                    'READY FOR PICKUP' => ['READY FOR PICKUP.', 'Your order is ready to pickup.'],
                                                    'PROCESSING' => ['PROCESSING.', 'Your order has been processing.']
                                                ];

                                                $show = match($order_query->status) {
                                                    'DELIVERED' => ['DELIVERED', 'READY FOR PICKUP', 'PROCESSING'],
                                                    'READY FOR PICKUP' => ['READY FOR PICKUP', 'PROCESSING'],
                                                    'PROCESSING' => ['PROCESSING'],
                                                    default => []
                                                };
                                            @endphp

                                            @foreach ($statuses as $key => [$title, $desc])
                                                @if (in_array($key, $show))
                                                    <li>
                                                        <div class="timeline-badge success"></div>
                                                        <div class="timeline-box">
                                                            <a class="timeline-panel" href="javascript:void(0);">
                                                                <div class="text-2 fw-6">{{ $title }}</div>
                                                                <span>{{ date('m/d/Y h:i a', strtotime($order_query->updated_at)) }}</span>
                                                                <p>{{ $desc }}</p>
                                                            </a>
                                                        </div>
                                                    </li>
                                                @endif
                                            @endforeach
                                        @endif --}}
                                        <li>
                                            <div class="timeline-badge success"></div>
                                            <div class="timeline-box">
												<a class="timeline-panel" href="javascript:void(0);">
													<div class="text-2 fw-6">YOUR ORDER HAS BEEN PLACED.</div>
													<span>{{date('m/d/Y h:i a',strtotime($order_query->created_at))}}</span>
                                                    <p>Your order has been successfully placed.</p>
												</a>
											</div>
                                        </li>


                                    </ul>
                                </div>
                            </div>
                            <div class="widget-content-inner">
                                @foreach($order_query->items as $item)
                                <div class="order-head">
                                    <figure class="img-product">
                                        <img src="{{url('storage/admin/shop-bo/'.$item->product_details->image)}}" alt="product">
                                    </figure>
                                    <div class="content">
                                        <div class="text-2 fw-6">{{$item->product_details->name}}</div>
                                        <div class="mt_4"><span class="fw-6">Price :</span> ₱{{number_format($item->product_price,2)}}</div>
                                        <div class="mt_4"><span class="fw-6">Quantity :</span> {{number_format($item->product_quantity,0)}}</div>
                                        <div class="mt_4"><span class="fw-6">Subtotal :</span> ₱{{number_format($item->total_price,2)}}</div>
                                    </div>
                                </div>
                                @endforeach
                                <ul>
                                    <li class="d-flex justify-content-between text-2">
                                        <span>Total Price</span>
                                        <span class="fw-6">₱{{number_format($order_query->amount,2)}}</span>
                                    </li>
                                </ul>
                            </div>
                            <div class="widget-content-inner">
                                <ul class="mt_20">
                                    <li>Courier Name : <span class="fw-7">{{$order_query->shipment->courier->name?? "No Courier"}}</span></li>
                                    <li>Tracking Number : <span class="fw-7">{{$order_query->shipment->tracking_number ?? 'No Tracking Number'}}</span></li>

                                </ul>

                            </div>
                            <div class="widget-content-inner">
                                {{--<p class="text-2 text_success">Thank you Your order has been received</p>--}}
                                <ul class="mt_20">
                                    <li>Receiver Name : <span class="fw-7">{{$order_query->shipping_details->firstname." ".$order_query->shipping_details->surname}}</span></li>
                                    <li>Order Number : <span class="fw-7">{{$order_query->reference}}</span></li>
                                    <li>Date : <span class="fw-7"> {{date("d/m/y, h:i a",strtotime($order_query->created_at))}}</span></li>
                                    <li>Total : <span class="fw-7">₱{{number_format($order_query->amount,2)}}</span></li>
                                    <li>Payment Method : <span class="fw-7">{{$order_query->shop_payment_methods_name}}</span></li>

                                </ul>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- page-cart -->

<div class="btn-sidebar-account">
    <button data-bs-toggle="offcanvas" data-bs-target="#mbAccount" aria-controls="offcanvas"><i class="icon icon-sidebar-2"></i></button>
</div>
@endsection
@section('page_script')
@parent
<script>
    $(".account-menu.orders").addClass('active')
</script>
@endsection
<!-- App js -->