@extends('admin.layouts.layout')


@section('content')
    <div class='bg-light container boxx table-responsive'>
        @if (session()->has('success'))
            <div class="alert alert-success mt-2 mb-5 this-alert">
                <p> <i class='fa fa-check-circle'></i> &nbsp; {{ session('success') }}</p>
            </div>
        @endif
        <h5 style='font-family: sans-serif'> PENDING PLAN PURCHASE </h5>
        <table class='table table-striped table-sm' id="dataTable">
            <thead>
                <tr>
                    <th>USER NAME </th>
                    <th>PLAN</th>
                    <th>DATE</th>
                    <th>PAYING WITH</th>
                    <th>AMOUNT</th>
                    <th>CONFIRM</th>
                    <th>REJECT</th>
                </tr>
            </thead>

            <tbody>
                @forelse($orders as $order)
                    <tr class='table-primary' id='this-row'>
                        
                        <td>{{$order->user->fname.' '.$order->user->lname}}</td>
                        <td>{{$order->plan}}</td>
                        <td>{{$order->created_at->diffForHumans()}}</td>
                        <td>{{$order->method}}</td>              
                        <td>{{$order->amount}}</td>
                        <td>
                            <form action="{{route('admin.confirm-order', $order->id)}}" method="POST">
                                @csrf
                                <button type='submit' class='btn btn-success btn-block'>  <i class="fa fa-check-circle"></i> &nbsp; Activate Order </button>
                            </form>                                            
                        </td>
                        <td>
                            <form action="{{route('admin.delete-order', $order->id)}}" method="POST">
                                @csrf
                                <button type='submit' class='btn btn-danger btn-block'> <i class="fa fa-times"></i> &nbsp; Delete Order </button>
                            </form>                                            
                        </td>
                    </tr>
                @empty
                    <tr class='table-primary' id='this-row'>
                        <td colspan="7" class="text-center p-3">No pending orders...</td>
                    </tr>
                @endforelse               
            </tbody>
        </table>
        <h6 class='font-weight-lighter'>Pending payment confirmations</h6>
    </div>

@endsection