@extends('front.app.master')\
@section('title')
    Orders - jorayalogistics.com
@endsection

@section('content')
<style>
    .btn-1 {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    /* padding: 2.5rem 5.5rem; */
    background-color:#B60000 ;
    color: white;
    border-radius: 5px;
    border: none;
    outline: none;
    padding: 1.2rem 1.5rem;
    line-height: 1;
    transition: all 0.5s ease;
}
</style>
  
    
    <div class="px-4 pt-4 container-fluid">
        <div class="p-4 text-center rounded bg-light">
            <div class="mb-4 d-flex align-items-center justify-content-between">
                <h6 class="mb-0">Recent Order</h6>
                <a href="">Show All</a>
            </div>
            <div class="table-responsive">
                <table class="table mb-0 align-middle text-start table-bordered table-hover">
                    <thead>
                        <tr class="text-dark">
                            <th scope="col"><input class="form-check-input" type="checkbox"></th>
                            <th scope="col">Date</th>
                            <th scope="col">Invoice</th>
                            {{-- <th scope="col">Kg</th> --}}
                            <th scope="col">Amount</th>
                            <th scope="col">Status</th>
                            <th scope="col">Action</th>
                        </tr>
                    </thead>
                  
                    <tbody>
                        @if(count($order)>0)
                        @foreach ($order as $k=>$v)
                        <tr>
                            <td><input class="form-check-input" type="checkbox"></td>
                            <td>{{ \Carbon\Carbon::parse($v->created_at)->format('d/m/Y') }}</td>
                            <td>{{$v->order_id}}</td>
                            {{-- <td>{{ $v->kg }}</td> --}}
                            <td>@if(trim($v->amount!=''))NGN {{ number_format($v->amount) }}@else pending @endif</td>
                            <td>{{ $v->status }}</td>
                            <td><a class="btn btn-sm btn-primary" href="{{ route('order.details',['id'=>$v->id]) }}">Detail</a></td>
                        </tr>
                        @endforeach
                       @endif
                    
                    </tbody>
                </table>

                @if(count($order)>0)

                {!! $order->links() !!}
                @endif
            </div>
        </div>
    </div>
    <!-- Recent Sales End -->


@endsection