<?php $__env->startSection('content'); ?>
    <?php echo $__env->make('clients.reseller_pop_search', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

    <?php ($permissions = userPermissions()); ?>

    <div class="mt-2 card">
        <div class="card-body">
            <div id="customer_list_body">
                <div id="result" class="table-responsive">
                    <?php echo $__env->make('clients.customer_search', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                </div>
            </div>




            <div class="approval">
                <form action="<?php echo e(route('approveAllPending')); ?>" method="post" id="allPendingApproveForm">
                    <?php echo csrf_field(); ?>
                    <?php echo method_field('post'); ?>
                    <input type="hidden" name="client_ids[]" id="client_ids">
                </form>
            </div>

            <div class="approval">
                <form action="<?php echo e(route('firstApproveAllPending')); ?>" method="post" id="firstAllPendingApproveForm">
                    <?php echo csrf_field(); ?>
                    <?php echo method_field('post'); ?>
                    <input type="hidden" name="first_client_ids[]" id="first_client_ids">
                </form>
            </div>

            <div class="delete">
                <form action="<?php echo e(route('deleteAllPending')); ?>" method="post" id="allDeleteForm">
                    <?php echo csrf_field(); ?>
                    <?php echo method_field('post'); ?>
                    <input type="hidden" name="delete_client_ids[]" id="delete_client_ids">
                </form>
            </div>

        </div>
        <div class="card-footer">
        </div>
    </div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('ajax'); ?>
    <script>

        const setupPage = () => {
            $('#allSelect').on('click', function() {
                console.log("gg clicked");

                if (this.checked) {

                    $('.new_class_for_client_id_of_pending').each(function() { //loop through each checkbox
                        console.log("world is good");

                        $(this).prop('checked', true); //check
                    });
                } else {
                    $('.new_class_for_client_id_of_pending').each(function() { //loop through each checkbox
                        $(this).prop('checked', false); //uncheck
                    });
                }
            });

            $('#allApprove').on('click', function(e) {
                console.log('clicked');
                e.preventDefault();
                var ids = [];
                $('.new_class_for_client_id_of_pending').each(function() {
                    id = $(this).filter(':checked').val();
                    if (id != null) {
                        ids.push(id);
                    }
                });

                $('#client_ids').val(ids);
                $('#allPendingApproveForm').submit();
            });

            $('#allDelete').on('click', function(e) {
                e.preventDefault();
                var ids = [];
                $('.checkbox').each(function() {
                    id = $(this).filter(':checked').val();
                    if (id != null) {
                        ids.push(id);
                    }
                });
                $('#delete_client_ids').val(ids);
                $('#allDeleteForm').submit();
            });

            $('#firstAllApprove').on('click', function() {
                var ids = [];
                $('.checkbox').each(function() {
                    id = $(this).filter(':checked').val();
                    if (id != null) {
                        ids.push(id);
                    }
                });
                $('#first_client_ids').val(ids);
                $('#firstAllPendingApproveForm').submit();
            });


         }

        $(function() {
            setupPage();
            $('#searchBtn').on('click', function(e) {
                e.preventDefault();
                $('body').append('<div id="processing">processing.....</div>');
                $.ajax({
                    type: 'get',
                    url: '<?php echo e(route('pendingCustomerSearch')); ?>',
                    data: $('#search').serialize(),
                    success: function(result) {
                        $('#result').html(result);
                        $('#processing').remove();
                        setupPage();
                    }
                });
            });
        });
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layout.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/html/powermedia/radius-circle/resources/views/clients/pending.blade.php ENDPATH**/ ?>