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

<!-- page-cart -->
<section class="flat-spacing-11">
    <div class="container">
        <div class="row">
            <div class="col-lg-3">
                @include('account.menu')
            </div>
            <div class="col-lg-9">
                <div class="wd-form-order">
                    <div class="order-head">
                        <figure class="img-product">
                            <img src="{{$earning_query->order->items[0]->product_details->image}}" alt="product">
                        </figure>
                        <div class="content">
                            @if($earning_query->order->status=="PROCESSING")
                            <div class="badge bg-warning">In Progress</div>
                            @elseif($earning_query->order->status=="OUT FOR DELIVERY")
                            <div class="badge bg-primary">Out for Develiry</div>
                            @elseif($earning_query->order->status=="DELIVERED")
                            <div class="badge bg-success">Delivered</div>
                            @else
                            @endif
                            <h6 class="mt-8 fw-5">Order #{{$earning_query->order->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">{{$earning_query->order->items[0]->product_details->name}}</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($earning_query->order->created_at))}}</div>
                        </div>
                        <div class="item">
                            <div class="text-2 text_black-2">Address</div>
                            <div class="text-2 mt_4 fw-6">{{$earning_query->order->shipping_details->address_1.", ".$earning_query->order->shipping_details->address_2.", ".$earning_query->order->shipping_details->barangay.", ".
                            $earning_query->order->shipping_details->city.", ".$earning_query->order->shipping_details->province}}</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($earning_query->order->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

                                    </ul>
                                </div>
                            </div>
                            <div class="widget-content-inner">
                                @foreach($earning_query->order->items as $item)
                                <div class="order-head">
                                    <figure class="img-product">
                                        <img src="{{$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($earning_query->order->amount,2)}}</span>
                                    </li>
                                </ul>
                            </div>
                            <div class="widget-content-inner">
                                <ul class="mt_20">
                                    <li>Courier Name : <span class="fw-7">{{$earning_query->order->shipment->courier->name}}</span></li>
                                    <li>Tracking Number : <span class="fw-7">{{$earning_query->order->shipment->tracking_number ?? 'PROCESSING'}}</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">{{$earning_query->order->shipping_details->firstname." ".$earning_query->order->shipping_details->surname}}</span></li>
                                    <li>Order Number : <span class="fw-7">{{$earning_query->order->reference}}</span></li>
                                    <li>Date : <span class="fw-7"> {{date("d/m/y, h:i a",strtotime($earning_query->order->created_at))}}</span></li>
                                    <li>Total : <span class="fw-7">₱{{number_format($earning_query->order->amount,2)}}</span></li>
                                    <li>Payment Method : <span class="fw-7">{{$earning_query->order->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.earnings").addClass('active')
</script>
@endsection
<!-- App js -->