@extends('front.layouts.app', ['title' => 'My Orders'])

@section('content')
@include('front.layouts.app-header')


<section class="page_banner"
    style="background:rgb(0 0 0 / 60%) url(images/my_acc_bg.jpg) center / cover no-repeat;background-blend-mode:color; ">
    <div class="container">
        <div class="row">
            <div class="col col-12">
                <div class="page_banner_title">
                    <h1>My Orders</h1>
                </div>
                <div class="c_breadcrumb">
                    <ul class="c_breadcrumb_inner">
                        <li class="c_breadcrumb_item">
                            <a href="#!">Home</a>
                        </li>
                        <!-- <li class="c_breadcrumb_item">
                                <a href="#!">Wines</a>
                            </li> -->
                        <li class="c_breadcrumb_item">My Orders</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="my_acc_sec off_bg my_order_sec">
    <div class="container">
        <div class="row">
            <div class="col col-3">
            @include('front.my-account.left-sidebar')
            </div>
            <div class="col col-9">
                <div class="my_acc_main_wrap my_order_main_wrap">
                    <div class="my_acc_main_inner card">
                        <form action="">
                            <div class="card_title">
                                <h3>My Order</h3>
                            </div>
                            <div class="card_content">
                                <div class="my_order_table_wrap">
                                    <div class="my_order_table_head">
                                        <div class="my_order_head_item my_order_table_item_1">
                                            <p>Id</p>
                                        </div>
                                        <div class="my_order_head_item my_order_table_item_2">
                                            <p>Date </p>
                                        </div>
                                        <div class="my_order_head_item my_order_table_item_3">
                                            <p>Ship to</p>
                                        </div>
                                        <div class="my_order_head_item my_order_table_item_4">
                                            <p>Order total</p>
                                        </div>
                                        <div class="my_order_head_item my_order_table_item_5">
                                            <p>Status</p>
                                        </div>
                                        <div class="my_order_head_item my_order_table_item_6">
                                            <p>View</p>
                                        </div>
                                    </div>
                                    <div class="my_order_table_body">
                                        @foreach($orders as $order)
                                        <div class="my_order_table_body_item">
                                            <div class="my_order_body_item my_order_table_item_1" data-title="Id">
                                                <p>{{$order->order_no}}</p>
                                            </div>
                                            <div class="my_order_body_item my_order_table_item_2" data-title="Date">
                                                <p>{{date('d/m/Y', strtotime($order->created_at))}}</p>
                                            </div>
                                            <div class="my_order_body_item my_order_table_item_3" data-title="Ship to">
                                                <p> {{$order->shippingAddress->street_name }}, {{$order->shippingAddress->city }}, 
                                                    {{$order->shippingAddress->state }}, {{$order->shippingAddress->country }}, {{$order->shippingAddress->zipcode->code }} </p>
                                            </div>
                                            <div class="my_order_body_item my_order_table_item_4"
                                                data-title="Order total">
                                                <p>{{$order->total}}</p>
                                            </div>
                                            @php
                                            $orderstatus = '';
                                            $statusname = '';
                                            if (isset($order->orderStatusLast->orderStatus)) {
                                                if($order->orderStatusLast->orderStatus->name == 'Accept'){ $orderstatus = 'pending'; }
                                                if($order->orderStatusLast->orderStatus->name == 'Shipped'){ $orderstatus = 'shipped'; }
                                                if($order->orderStatusLast->orderStatus->name == 'Completed'){ $orderstatus = 'complete'; }
                                                if($order->orderStatusLast->orderStatus->name == 'Cancel'){ $orderstatus = 'cancel'; }
                                                $statusname = $order->orderStatusLast->orderStatus->name;
                                            }
                                                @endphp
                                            <div class="my_order_body_item my_order_table_item_5" data-title="Status">
                                                <p><span class="c_badge {{$orderstatus}}" id="badge{{$order->id}}"> {{ $statusname }} </span></p>
                                            </div>
                                            <div class="my_order_body_item my_order_table_item_6" data-title="View">
                                                <p>
                                                    <a href="{{route('order-detail', ['order_no' => $order->order_no])}}" class="view"><i class="fas fa-eye"></i>
                                                    </a>
                                                    @if (isset($order->orderStatusLast->orderStatus) && $order->orderStatusLast->orderStatus->name == 'Shipped' && $order->shipping_method == 2)
                                                    <a href="https://www.fedex.com/fedextrack/?tracknumbers={{$order->fedex_tracking_id}}" target="_blank"  class="view"><i class="fas fa-shipping-fast"></i></a>
                                                    @endif
                                                    @if (isset($order->orderStatusLast->orderStatus) && $order->orderStatusLast->orderStatus->name == 'Accept')
                                                    <a href="#" id="cancelBtn{{$order->id}}" data-id="{{$order->id}}" class="view cancel-order"><i class="fas fa-times"></i></a>
                                                    @endif
                                                </p>
                                            </div>
                                        </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


@include('front.layouts.app-footer')
@endsection

    
@section('custom-js')
<script>
let cancelOrderUrl =  "{{route('order-cancel')}}";
</script>
@endsection