@extends('frontend.layout.master')
@section('content')
<div class="container mt-5">
    <h1 style="font-size:20px;font-weight:bold;">{{__('translation.orderhistory')}}</h1>
    <table class="table table-striped table-bordered mt-4">
        <thead>
        <tr>
            <th>Order No</th>
            <th>Date</th>
            <th>Number Of Products</th>
            <th>Status</th>
        </tr>
        </thead>
        <tbody>
            @foreach($orders as $i => $order)
                    <tr>
                        <td>{{'#'.$order->order_no}}</td>
                        <td>{{date("d/m/Y", strtotime($order->created_at))}}</td>
                        <td>{{count($order->products)}}</td>
                        <td>
                             @if($order->status=='1')
                            Pending
                            @elseif($order->status=='2')
                            In Progress
                            @elseif($order->status=='3')
                            Completed
                            @endif
                        </td>
                    </tr>
            @endforeach
        </tbody>        
    </table>
</div>
@endsection
@push('custom-css') 
<style>
    thead{
        background:black;
        color:white;
        font-weight:bold;
    }
    .table td {
   text-align: center;   
}
.table th,td {
   text-align: center;   
}
</style>
@endpush
@push('custom-script')
<script>
    
</script>
@endpush