@extends('admin.layout.main')
@section('content')
<div class="row">
    <div class="col-lg-12" style="padding-left: 4px;padding-right: 4px;">
        <div id="printArea" class="card m-b-10" style="border-radius: 5px;">
            <div class="card-header">
                <h5 class="card-title" style="font-weight: bold; padding-top: 15px; font-size: 20px;">Pending Payments</h5>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table id="datatable" class="display table table-striped table-bordered" style="width: 100%;">
                        <thead style="background: #1f3740;">
                            <tr>
                                <th style="text-align: center; color: #fff;padding-top: 3px;padding-bottom: 3px;font-size: 13px;">No.</th>
                                <th style="color: #fff;padding-top: 3px;padding-bottom: 3px;font-size: 13px;min-width: 150px;">Issute Date</th>
                                <th style="color: #fff;padding-top: 3px;padding-bottom: 3px;font-size: 13px;">Username</th>
                                <th style="text-align: center; color: #fff;padding-top: 3px;padding-bottom: 3px;font-size: 13px;min-width: 90px;">Method</th>
                                <th style="text-align: center; color: #fff;padding-top: 3px;padding-bottom: 3px;font-size: 13px;">Amount</th>
                                <th style="text-align: center; color: #fff;padding-top: 3px;padding-bottom: 3px;font-size: 13px;">Account</th>
                                <th style="text-align: center; color: #fff;padding-top: 3px;padding-bottom: 3px;font-size: 13px;">Status</th>
                                <th style="text-align: center; color: #fff;padding-top: 3px;padding-bottom: 3px;font-size: 13px;">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            <?php $no=1; ?>
                            @foreach($payout as $pay)
                            <tr>
                                <td style="padding-top: 3px;padding-bottom: 3px;font-size: 13px;text-align: center; color: azure;">{{$no++}}</td>
                                <td style="padding-top: 3px;padding-bottom: 3px;font-size: 13px;">{{$pay->created_at}}</td>
                                <td style="padding-top: 3px;padding-bottom: 3px;font-size: 13px;color: azure;">{{$pay->username}}</td>
                                <td style="padding-top: 3px;padding-bottom: 3px;font-size: 13px;text-align: center;color: azure;">{{$pay->payment_method}}</td>
                                <td style="padding-top: 3px;padding-bottom: 3px;font-size: 13px;text-align: center;color: azure;">{{$pay->amount}}</td>
                                <td style="padding-top: 3px;padding-bottom: 3px;font-size: 13px;text-align: center;color: azure;">{{$pay->account}}</td>

                                <td style="padding-top: 3px;padding-bottom: 3px;font-size: 13px;text-align: center; color: red;">Pending</td>

                                <td style="padding-top: 3px;padding-bottom: 3px;font-size: 13px;text-align: center; color: #fff !important;">
                                    <a href="{{url('admin/paymng/'.$pay->id)}}"><button class="btn btn-sm btn-danger" style="height: 24px; margin-bottom: 2px; font-size:10px;border-radius: 20px;line-height: 12px;background: #f11a8b;border: 1px solid #1e0429;">Manage</button></a> 
                                </td>
                            </tr>
                            @endforeach
                        </tbody> 
                    </table>
                </div>
                    
            </div>
        </div>
        <a style="color:white;padding: 2px 10px;font-size:15px;background: red;" href="javascript:window.print()"><i class="fa fa-print"></i> Print</a> 
    </div>
   
</div>

@endsection