@extends('layouts.admin2')

<style>
    .table a:link {
        color: white;
        font-weight: bold;
    }

    .table a:visited {
        color: yellow;
        font-weight: bold;
    }
    .table{
        font-size:13px !important;
    }
</style>

@section('content')
    @if(Session::has('deleted_user'))
        <h3 >{{session('deleted_user')}}</h3>
    @endif

    <div class="row col-md-12">
        {{--        "col-md-3 col-md-pull-9"--}}

        {{--        "col-md-3 col-md-pull-9"--}}
        <a href="{{route('orders.create')}}">
            <div style="padding: 10px">
                <button class="btn btn-success">Create Order</button>
            </div>
        </a>
    </div>

    <div class="row">

        <!-- Earnings (Monthly) Card Example -->
        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-primary shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">Total Orders</div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">{{$torders->count()}}</div>
                        </div>
                        <div class="col-auto">

                            <i class="fas fa-balance-scale fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Earnings (Monthly) Card Example -->
        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-success shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-success text-uppercase mb-1">Total Delivered Orders</div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">{{$delivered->count()}}</div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-truck-loading fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Earnings (Monthly) Card Example -->
        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-info shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-info text-uppercase mb-1">Total Cancelled Orders</div>
                            <div class="row no-gutters align-items-center">
                                <div class="col-auto">
                                    <div class="h5 mb-0 mr-3 font-weight-bold text-gray-800">{{$cancelled->count()}}</div>
                                </div>
                                <div class="col">
                                    {{--                                    <div class="progress progress-sm mr-2">--}}
                                    {{--                                        <div class="progress-bar bg-info" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>--}}
                                    {{--                                    </div>--}}
                                </div>
                            </div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-ban fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Pending Requests Card Example -->
        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-warning shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-warning text-uppercase mb-1">New Orders</div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">{{$new->count()}}</div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-handshake fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Pending Requests Card Example -->


    </div>

    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">Recent Orders</h6>
        </div>
        <div class="card-body">
            <div  class="table-responsive table-striped">
                <table style="color:white !important" class="table  table-bordered sort table-sm " id="dataTable " width="100%" cellspacing="0">
    <thead class="thead-dark">
        <tr>
{{--            <th>S/N</th>--}}
            <th>Order No</th>
            <th>Order Date</th>
            <th>Pickup Date</th>
            <th>Status</th>
{{--            <th>Name</th>--}}
            <th>Email</th>
            <th>Phone No.</th>
            <th>Residential Address</th>
            <th>Pickup Location</th>
            <th>Payment Made</th>
            <th>Payment Total</th>
            <th>Balance</th>
            <th>Additional Notes</th>
            <th>Cancel Orders</th>
        </tr>
    </thead>
        <tfoot class="table-dark">
            <tr>

{{--                <th>S/N</th>--}}
                <th>Order No</th>
                <th>Order Date</th>
                <th>Pickup Date</th>
                <th>Status</th>
{{--                <th>Name</th>--}}
                <th>Email</th>
                <th>Phone No.</th>
                <th>Residential Address</th>
                <th>Pickup Location</th>
                <th>Payment Made</th>
                <th>Payment Total</th>
                <th>Balance</th>
                <th>Additional Notes</th>
                <th>Cancel Orders</th>
            </tr>
        </tfoot>
        <tbody>

        @if($users)
            @foreach($users->orders as $order)
        <tr>
{{--            <td>{{$order->id}}</td>--}}
            @if($order->stagecategory->id == 5)
                <td>{{$order->order_no}}</td>
            @else
                <td><a href="{{route('orders.edit',$order->id)}}">{{$order->order_no}}</a></td>

            @endif
            <td>{{$order->created_at->toFormattedDateString()}}</td>
                <td>{{$order->date_of_pickup}}</td>
            <td class="level"><span style="font-weight: bold;">{{$order->stagecategory->name}}</span></td>
{{--            <td> {{$order -> user  -> name}}</td>--}}
                <td><p>{{$order -> user ->email}}</p></td>
            <td>{{$order -> user ->phone_no}}</td>
            <td>{{$order ->delivery_address}}</td>
{{--            <td>{{$order ->delivery_address}}</td>--}}
{{--            <td>{{Auth::User()->role ? Auth::User() -> role ->name : 'User has no role' }}</td>--}}
{{--            <td>{{Auth::User()->is_active == 1 ? 'Active' : 'Not Active' }}</td>--}}
            <td>{{$order->pickuplocation->name}}</td>

            <td>GHC. {{$order->payment_amt}}</td>
            <td>GHC. {{$order->payment_total}}</td>
            <td>{{($order->payment_total)-($order->payment_amt)}}  </td>
            <td>{{$order->add_notes}}</td>

            <td>
                @if($order->stagecategory->id == 1)
                    {!! Form::model($order, ['method'=>'DELETE','action'=>['OrderController@destroy', $order->id]]) !!}

                    {!! Form::submit('Cancel' ,['class'=>'btn btn-danger']) !!}

                    {!! Form::close() !!}
                @endif
            </td>
        </tr>
        @endforeach
       @endif
        </tbody>
    </table>
            </div>
        </div>
    </div>

@endsection