@extends('Layouts.admin')
@section('content')
    <div class="container-fluid">

        <div class="row clearfix">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                <div class="card">
                    <div class="header">
                        <form method="get" action="{{route('adminSearchPayouts')}}" style="display:none;">
                            <div class="from_s_a">
                                <div class="form-group">
                                    <div class="input-group">
                                        <div class="form-line">
                                            <input type="text" placeholder="Search Payouts (e.g Neon Emmanuel, 1000)" name="term"  class="form-control">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <h2>All voucher requests</h2>
                        <ul class="header-dropdown m-r--5">
                            <li class="dropdown">
                                <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                                    <i class="material-icons">more_vert</i>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="body">
                        <div class="table-responsive">
                            <div class="clearfix">

                                @if(\Session::has('info'))
                                    <div class="alert alert-success">
                                        {{\Session::get('info')}}
                                    </div>
                                @endif


                                <div class="d_s_action">
                                    <a class="active">All Payments Request({{count($all_payments)}})</a>
                                    {{--<a href="{{route('requestPayoutPaid')}}">All Paid Request({{count($is_payed)}})</a>--}}
                                    {{--<a href="{{route('requestPayoutUnPaid')}}">All Un-Paid Request({{count($not_payed)}})</a>--}}
                                </div>


                                <div class="text-left pg">
                                    {{$all_payment->links('partials.pagination')}}
                                </div>
                            </div>
                            <form id="selected_all" action="{{route('clearrequestvoucherID')}}" method="post">
                                @csrf
                                <input type="hidden" name="selected" id="selected">
                                <button class="btn bg-black waves-effect waves-light" id="s_d_i" disabled="disabled" type="submit">Delete</button>
                            </form>
                            
                            <form id="selected_all" action="{{route('extractclearrequestvoucherID')}}" method="post">
                                @csrf
                                <input type="hidden" name="selected" id="selectedextract">
                                <button class="btn bg-black waves-effect waves-light" id="s_d_i" disabled="disabled" type="submit">Extract</button>
                            </form>
                            
                            <form id="selected_all" action="{{route('paidallvoucherrequestID')}}" method="post">
                                @csrf
                                <input type="hidden" name="selected" id="selectedpaid">
                                <button class="btn bg-black waves-effect waves-light" id="s_d_i" disabled="disabled" type="submit">Mark as paid</button>
                            </form>
                            <table class="table table-hover dashboard-task-infos">

                                <thead>
                                <tr>
                                    <th></th>
                                    <th>#</th>
                                    <th>From</th>
                                    <th>name</th>
                                    <th>Amount</th>
                                    <th>Voucher Wallet</th>
                                    <th>Respond</th>
                                    <th>Action</th>
                                </tr>
                                </thead>
                                <tbody>
                                <br />
<b>Notice</b>:  Undefined variable: all_payments in <b>/home/johadtec/spiratech.ng/resources/views/Admin/Voucher/request.blade.php</b> on line <b>85</b><br />
<br />
<b>Warning</b>:  count(): Parameter must be an array or an object that implements Countable in <b>/home/johadtec/spiratech.ng/resources/views/Admin/Voucher/request.blade.php</b> on line <b>85</b><br />

                                </tbody>
                            </table>
                            <div class="clearfix">
                                <div class="text-left pg">
                                    {{$all_payment->links('partials.pagination')}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- #END# Browser Usage -->
        </div>
    </div>
@stop

@section('scripts')
    <script>
        $('#s_d_i').on('click', function (event) {

            var re = confirm('Are you sure you want to perform this action ?');
            if(re == true){
                return true
            } else{
                event.preventDefault();
            }
        });
        /*var favorite = [];
        var check_stat = 0;
        var checkboxes = document.querySelectorAll('input[type="checkbox"]');
        $('#b-all').on('click', function () {
            check_stat = 1;


        });
*/
        $('#selected').val = '';
        $('#selectedpaid').val = '';
        $('#selectedextract').val = '';
        
        $(".filled-in.sp").on('change', function() {
            var favorite = [];
            $.each($("tbody input[type='checkbox']:checked"), function () {
                favorite.push($(this).attr('name'));
            });
            if (favorite.length > 0) {
                $('.btn.bg-black.waves-effect.waves-light').attr('disabled', false);
                $('#selected').val(favorite);
                $('#selectedpaid').val(favorite);
                $('#selectedextract').val(favorite);
            } else {
                $('.btn.bg-black.waves-effect.waves-light').attr('disabled', true);
            }
        });


        /* function toggle(source) {
             checkboxes = document.querySelectorAll("input[type='checkbox']");
             for (var i = 0; i < checkboxes.length; i++) {
                 if (checkboxes[i] != source)
                     checkboxes[i].checked = source.checked;
                 //console.log(checkboxes[i].attr('id'));
             }
         }
     */
    </script>
@stop