@extends('admin.layouts.layout')


@section('content')
    <br />
    <div class='bg-light container boxx table-responsive-sm'>

        @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 WIDTHRAWALS </h5>
        <table class='table table-bordered table-sm'>
            <thead>
                <tr>                    
                    <th>USER</th>
                    <th>DATE</th>
                    <th>AMOUNT</th>
                    <th>METHOD</th>
                    <th>WALLET</th>
                    <th>CONFIRM</th>
                    <th>REJECT</th>
                </tr>
            </thead>

            <tbody>
                @forelse($payouts as $payout)
                    <tr class='table-primary' id='this-row'>
                        <td>{{ $payout->user->fname . ' ' . $payout->user->lname }}</td>                        
                        <td>{{ $payout->created_at->diffForHumans() }}</td>
                        <td>${{ number_format($payout->amount,2) }}</td>
                        <td>{{ $payout->method }}</td>
                        <td>{{ $payout->wallet }}</td>
                        <td>
                            <form action="{{ route('admin.confirm-payout', $payout->id) }}" method="POST">
                                @csrf
                                <button type='submit' class='btn btn-success btn-block'> <i class="fa fa-check-circle"></i>
                                    &nbsp; Confirm Payout </button>
                            </form>
                        </td>
                        <td>
                            <form action="{{ route('admin.delete-payout', $payout->id) }}" method="POST">
                                @csrf
                                <button type='submit' class='btn btn-danger btn-block'> <i class="fa fa-times"></i> &nbsp;
                                    Delete </button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr class='table-primary' id='this-row'>
                        <td colspan="7" class="text-center p-3">No pending payouts...</td>
                    </tr>
                @endforelse
            </tbody>

        </table>
        <h6 class='font-weight-lighter'>Pending withdrawals</h6>
    </div>



    <br />
    {{-- <div class='bg-light container boxx table-responsive-sm'>
        <h5 style='font-family: sans-serif'> PENDING PLAN PURCHASE </h5>
        <table class='table table-bordered table-sm'>
            <thead>
                <tr>
                    <th>ID</th>
                    <th>EMAIL</th>
                    <th>DATE</th>
                    <th>WIITHDRAWAL AMOUNT</th>
                    <th>METHOD</th>
                    <th>WALLET</th>
                    <th>CONFIRM PAYMENT</th>
                    <th>REJECT WITHDRAWAL</th>
                </tr>
            </thead>

            <tbody>
                
            </tbody>
        </table>
        <h6 class='font-weight-lighter'>Pending bonus withdrawals</h6>
    </div> --}}
@endsection