@extends('layouts.app')
@section('content')
<!-- page-title -->
<div class="tf-page-title">
    <div class="container-full">
        <div class="heading text-center">My Orders</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="my-account-content account-order">
                    <div class="wrap-account-order">
                        <table>
                            <thead>
                                <tr>
                                    <th class="fw-6">Order</th>
                                    <th class="fw-6">Date</th>
                                    <th class="fw-6">Status</th>
                                    <th class="fw-6">Total</th>
                                    <th class="fw-6">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($orders_query as $order)
                                <tr class="tf-order-item">
                                    <td>
                                        {{$order->reference}}
                                    </td>
                                    <td>
                                        {{date('F d, Y',strtotime($order->created_at))}}
                                    </td>
                                    <td>
                                        @if($order->status=="PENDING"||$order->status=="PROCESSING")
                                            <div class="badge bg-warning">{{$order->status}}</div>
                                        @elseif($order->status=="OUT FOR DELIVERY")
                                            <div class="badge bg-info">{{$order->status}}</div>
                                        @elseif($order->status=="READY FOR PICKUP")
                                            <div class="badge bg-primary">{{$order->status}}</div>
                                        @elseif($order->status=="DELIVERED")
                                            <div class="badge bg-success">{{$order->status}}</div>
                                        @else
                                            <div class="badge bg-danger">{{$order->status}}</div>
                                        @endif

                                    </td>
                                    <td>
                                        ₱{{number_format($order->amount,2)}} for {{number_format($order->total_items,0).($order->total_items > 1 ? ' items' : ' item') }}
                                    </td>
                                    <td>
                                        <a href="{{route('shop.account.order-details',['order_id' => Crypt::encrypt($order->id)])}}" class="tf-btn btn-fill animate-hover-btn rounded-0 justify-content-center">
                                            <span>View</span>
                                        </a>
                                        @if($order->payment_status != 'PAID')
                                        <a href="{{route('shop.account.orders.destroy',['order_id' => Crypt::encrypt($order->id)])}}" class="tf-btn animate-hover-btn rounded-0 justify-content-center confirm-link" data-confirm-message="This process cannot be undone">
                                            <span>Cancel</span>
                                        </a>
                                        @endif
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </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 -->