@extends('front.app.master')
@section('title')
    Dashboard - 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>
    <!-- Sale & Revenue Start -->
    <div class="px-4 pt-4 container-fluid">
        <div class="p-4 px-2 text-center rounded bg-light">
            <div class="mb-4 d-flex align-items-center justify-content-between">
                {{-- <h6 class="mb-0">Recent Salse</h6> --}}
                {{-- <a href="">Show All</a> --}}
            </div>
            <div class="welcome">
                <div class="p-3 rounded-3" style="">
                    <h1 class="fs-3">{{  \Carbon\Carbon::now()->format('G') < 12 ? 'Good morning' : 'Good day' }}</h1>
                    <p class="mb-0">Hello {{ auth()->user()->name }}, welcome to your awesome dashboard!</p>
                </div>
            </div>
            <div class="mx-0 row justify-content-center ">
                <div class="col-3 d-lg-block d-none">
                <div class="hero-btn ">
                <a href="{{route('create.order.request')}}?name=send_package" class="btn-1 btn-md mr-30">
                Send Package
                </a>
            </div>
                </div>
                <div class="col-3 d-lg-block d-none">
                <div class="hero-btn ">
                <a href="{{route('create.order.request')}}?name=recieve_package" class="bg-1 btn-1 btn-md mr-30">
                Recieve Package
                </a>
            </div>
                </div>
            </div>
            <div class="mx-0 row">
                <div class="col-6 d-sm-none d-block">
                <div class="hero-btn ">
                <a href="{{route('create.order.request')}}?name=send_package" class="btn-1 btn-sm mr-30">
                Send Package
                </a>
            </div>
                </div>
                <div class="col-6 d-sm-none d-block">
                <div class="hero-btn ">
                <a href="{{route('create.order.request')}}?name=recieve_package" class=" btn-1 btn-sm mr-30">
                Recieve Package
                </a>
            </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Recent Sales Start -->
    
    <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