@extends('layouts.deliverymanagerapp')
@section('content')
<x-flash/>
<div class="card mb-4">
    <div class="card-header">
        <div class="d-flex">
            <div class="mr-auto p-2 align-self-center"><h4>Orders</h4></div>
            <div class="p-2">              
            <!-- <a class="btn btn-primary" href=""><i class="fas fa-chevron-left"></i><span> Back</span></a> -->
            </div>           
        </div>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                        <th>SI No</th>
                        <th>Order No</th>
                        <th>Order Date</th>
                        <th>Customer Name</th>
                        <th>Customer Contact</th>
                        <th>Store Name</th>
                        <th>Status</th>
                        <th colspan="2">Actions</th>                        
                    </tr>
                </thead>
                <tbody>
                @php $i=1; @endphp
                @if($Orders)
                @foreach($Orders as $Order)
                    <tr>
                        <td>{{$i++}}</td>
                        <td>#{{$Order->id}}</td>
                        @php $date = date("M j, Y, g:i a",strtotime($Order->order_date));@endphp
                        <td>{{$date}}</td>
                        <td>{{$Order->DeliveryDetail->name}}</td>
                        <td>{{$Order->DeliveryDetail->phone}}</td>
                        <th>{{$Order->store->title}}</th>
                        <th>{{$Order->status->status}}</th>
                        @if($Order->status_id == 3)
                        <th style="background-color:yellow">Wait for Packing</th>
                        @elseif($Order->status_id == 4)
                        <th><a class="btn btn-success" href="{{route('OrderDelivery.view',$Order->id)}}"></i>Delivery</a></th>
                        @else
                        <th><a class="btn btn-danger" href="#"></i>Cancelled</a></th>
                        @endif
                    </tr>
                  @endforeach 
                  @endif
                </tbody>
            </table>
        </div>
    </div>
    <div class="card-footer">
       {{-- <div class="d-flex justify-content-end font-weight-bold"><h5>Total:  {{$Inventories->Count()}}</h5></div> --}}       
    </div>
</div>


@endsection