@extends('layouts.customer')

@section('title')
    My Orders
@endsection

@section('content')
    <div class="py-4 my-4">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <br>
                    <br>

                    <div class="row">
                        <div class="col-md-12">
                            <div class="card p-4">
                                <div class="card-head">
                                    <h4>My Orders</h4>
                                </div>
                               
                                <div class="card-body">
                                    <center>
                                    @if ($orders->isEmpty())
                                        <p class="text-danger h2">No notifications</p>
                                    @else
                                 
                                        @foreach ($orders as $order)
                                            @if ($order->updated_at->diffInDays(now()) <= 7)
                                                <div class="notification-item border p-3 mb-3">
                                                    <div class="row align-items-center">
                                                        @foreach ($order->orderItems as $index => $item)
                                                            @if ($loop->first)
                                                                <div class="col-2">
                                                                    @php
                                                                        $image = $item->product->images->first();
                                                                    @endphp
                                                                    @if ($image)
                                                                        <img src="{{ asset('upload/product/'.$image->image) }}" alt="" class="main-image w-100">
                                                                    @else
                                                                        No Image Available
                                                                    @endif
                                                                </div>
                                                            @endif

                                                            @if ($loop->last)
                                                                <div class="col-7">
                                                                    <p><b>Order</b> {{ $order->tracking_no }}</p>
                                                                    <p>Amounting ₱{{ number_format($order->total_price, 2, '.', ',') }}</p>
                                                                    <p>Status:
                                                                        @if ($order->status == '0')
                                                                            <span class="badge bg-warning text-dark">Order Placed</span>
                                                                        @elseif ($order->status == '1')
                                                                            <span class="badge bg-primary text-white">Approved Order</span>
                                                                        @elseif ($order->status == '2')
                                                                            <span class="badge bg-secondary text-white">Order Packed</span>
                                                                        @elseif ($order->status == '3')
                                                                            <span class="badge bg-info text-white">Ready for Delivery</span>
                                                                        @elseif ($order->status == '4')
                                                                            <span class="badge bg-info text-white">Assigned to a rider</span>
                                                                        @elseif ($order->status == '5')
                                                                            <span class="badge bg-info text-white">Picked up</span>
                                                                        @elseif ($order->status == '6')
                                                                            <span class="badge bg-info text-white">Order is on the way</span>
                                                                        @elseif ($order->status == '7')
                                                                            <span class="badge bg-success text-white">Delivered</span>
                                                                        @elseif ($order->status == '8')
                                                                            <span class="badge bg-success text-white">Order Received</span>
                                                                        @endif
                                                                    </p>
                                                                </div>
                                                            @endif
                                                        @endforeach
                                                    </div>
                                                </div>
                                            @endif
                                        @endforeach
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <br>
                                    <br>
                                    <br>
                                    
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
@endsection