@extends('layouts.deliveryboyapp')
@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>Your Completed Orders</h4></div>
            <div class="p-2">              
            <!-- <a class="btn btn-primary" href=""><i class="fa fa-plus"></i> ADD New</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 colspan="2">Actions</th>                        
                    </tr>
                </thead>
                <tbody>
                @php $i=1; @endphp
                    @if($CompletedOrders)
                    @foreach($CompletedOrders as $CompletedOrder) 
                    <tr>                        
                        <td>{{$i++}}</td>
                        <td>#{{$CompletedOrder->order->id}}</td>
                        @php $Orderdate = date("M j, Y, g:i a",strtotime($CompletedOrder->dateTime));@endphp
                        <td>{{$Orderdate}}</td>
                        <td>{{$CompletedOrder->order->DeliveryDetail->name}}</td>
                        <td>{{$CompletedOrder->order->DeliveryDetail->phone}}</td>
                     {{-- <td><td><a class="btn btn-info" href="{{route('DeliveryOrderdetails',$DeliveryOrder->id)}}">View</a></td></td> --}}
                    </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