<?php $__env->startSection('content'); ?>
    <form>
        <div class="side-title">
            <div class="row">
                <div class="col-lg-6">
                    <h3><?php echo e($title); ?></h3>
                </div>















            </div>
        </div>

        <!-- ------------ data table ------------- -->
        <div class="overflow_x">
            <table class="table table-hover table-bordered">
                <thead>
                <tr>
                    <th scope="col"> #




                    </th>
                    <th scope="col"><?php echo e(__('members.name')); ?></th>
                    <th scope="col"><?php echo e(__('members.phone')); ?></th>
                    <th scope="col"><?php echo e(__('members.email')); ?></th>
                    <th scope="col"><?php echo e(__('members.gender')); ?></th>
                    <th scope="col"><?php echo e(__('members.nationality')); ?></th>

                    <th scope="col" colspan="2"><?php echo e(__('dashboard.created_at')); ?></th>
                    <th scope="col"><?php echo e(__('dashboard.processes')); ?></th>
                </tr>
                </thead>

                <tbody class="response">
                <tr class="search_filter_form">
                    <th scope="row"></th>
                    <th scope="row">
                        <input type="text" name="name" value="<?php echo e($request->name ?? ''); ?>" class="form-control" placeholder="">
                    </th>
                    <th scope="row">
                        <input type="text" name="phone" value="<?php echo e($request->phone ?? ''); ?>" class="form-control" placeholder="">
                    </th>
                    <th scope="row">
                        <input type="text" name="email" value="<?php echo e($request->email ?? ''); ?>" class="form-control" placeholder="">
                    </th>
                    <th scope="row">
                        <select name="gender" class="form-control">
                            <option value=""><?php echo e(__('members.gender')); ?></option>
                            <option value="male"><?php echo e(__('members.male')); ?></option>
                            <option value="female"><?php echo e(__('members.female')); ?></option>
                        </select>
                    </th>
                    <th scope="row">
                        <input type="text" name="nationality" value="<?php echo e($request->nationality ?? ''); ?>" class="form-control" placeholder="">
                    </th>







                    <td>
                        <input type="text" placeholder="<?php echo e(__('dashboard.date_from')); ?>" name="date_from" value="<?php echo e($request->date_from ?? ''); ?>" class="date_from form-control">
                    </td>
                    <td>
                        <input type="text" placeholder="<?php echo e(__('dashboard.date_to')); ?>" name="date_to" value="<?php echo e($request->date_to ?? ''); ?>" class="date_to form-control">
                    </td>
                    <th scope="col"><button type="button" class="butn color small search"><span><i class="fas fa-search"></i></span></button></th>
                </tr>
                </tbody>


            </table>
        </div>

        <!-- ------------ sidemenu links ------------- -->
    </form>
<?php $__env->stopSection(); ?>



<script>
    /**
     * Importat to handle ajax requests for filters, deletes, trash and any proccess done on the table's data
     */
    var dataTable={
        route: '<?php echo e(route("members.grid")); ?>'
    }
</script>
<?php $__env->startSection('inner_js'); ?>
    <script>
        $(document).ready(function () {
            $(document).on('click', '.active_member' , async function (e) {
                e.preventDefault();
                let url = $(this).data('href'),
                    method = 'get';

                const response=await ajax({
                    url,
                    dataType: 'json',
                    method,
                });
                if (response.message) {
                    $(this).children('i').toggleClass('fa-check text-success fa-times text-danger')

                }
            });
        });
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('admin.layouts.container', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\wamp64\www\nosk\resources\views/admin/members/index.blade.php ENDPATH**/ ?>