<?php $__env->startSection('content_header'); ?>
    <?php echo notifyCss(); ?>
    <?php echo notifyJs(); ?>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card card-primary">
                    <div class="card-header">
                        <h3 class="card-title">User Registration</h3>
                    </div>
                    <?php echo $__env->make('notify::messages', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                    <!-- /.card-header -->
                    <!-- form start -->
                    <form id="userregform" class="form-horizontal" action="<?php echo e(URL::to('/user_registration_post')); ?>" method="post" autocomplete="off" enctype="multipart/form-data">
                        <?php echo e(csrf_field()); ?>

                        <div class="card-body">
                            <div class="col-12">
                                <div class="form-group row">
                                    <div class="col-6">
                                        <label for="exampleInputEmail1">Name</label>
                                        <input type="text" class="form-control" id="name" name="name" placeholder="Enter Name" required>
                                    </div>
                                    <div class="col-6">
                                        <label for="exampleInputEmail1">Email address</label>
                                        <div class="input-group">
                                            <span class="input-group-text"><i class="fas fa-envelope"></i></span>
                                            <input type="text" class="form-control" id="email" name="email" placeholder="Enter Email" required>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="col-6">
                                        <label for="exampleInputPassword1">Password</label>
                                        <input type="password" class="form-control" id="password" name="password" placeholder="Password" required>
                                    </div>
                                    <div class="col-6">
                                        <label for="exampleInputPassword1">Confirm Password</label>
                                        <input type="password" class="form-control" id="confirm_password" name="confirm_password" placeholder="Password" required>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="col-6">
                                        <label for="exampleroles">Roles</label>
                                        <select class="form-control" name="roles[]" id="roles" multiple="multiple" data-placeholder="Select Roles">
                                            <?php $__currentLoopData = $roles; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $rolesobj): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                              <option value="<?php echo e($rolesobj->id); ?>"><?php echo e($rolesobj->name); ?></option>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- /.card-body -->

                        <div class="card-footer">
                          <button type="submit" class="btn btn-primary">Submit</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    
        <div class="col-12">
            <div class="card">
                <div class="card card-info">
                    <div class="card-header">
                        <h3 class="card-title"><b>User List</b></h3>
                    </div>
                    <div id="listdata" style="padding: 10px;">
                        <table class="table table-hover table-bordered table-striped datatable" id="user_details" width="100%">
                            <thead>
                                <tr>
                                  <th>Slno</th>
                                  <th>Name</th>
                                  <th>Email</th>
                                  <th>Roles</th>
                                  <th>Status</th>
                                  <th>Actions</th>
                                </tr>
                            </thead>                           
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        
        $(document).ready(function() {
            $("#roles").select2({
                columns: 1,
                placeholder : "Select Roles",
                allowClear: true,
                search: true,
                selectAll: true
            });
        });
        $(document).ready(function () 
        {
            $('#user_details').DataTable({
                "buttons" : ['excelHtml5', 'excel', 'pdf', 'print', 'reset', 'reload'],
                "processing": true,
                "serverSide": true,
                "ajax":{

                         "url": "<?php echo e(url('get_user_details')); ?>",
                         "dataType": "json",
                         "type": "POST",
                         "data":{ _token: "<?php echo e(csrf_token()); ?>"}
                       },
                "columns": [
                    { "data": "DT_RowIndex" },
                    { "data": "name" },
                    { "data": "email" },
                    { "data": "roles" },
                    { "data": "status" },
                    { "data": "action" }
                ], 
                "order": [[1, 'asc']]
            });      
        });

        
        function confirmDeleteUser(user_id) 
        {
            var x = confirm("Are you sure you want to delete?");
            if (x)
            {
                var csrf = "<?php echo e(csrf_token()); ?>";
                $.ajax({
                    type: "POST",
                    url: "<?php echo e(url('delete_user')); ?>",
                    dataType : 'json',
                    data: {_token: csrf, user_id: user_id},
                    success: function( msg ) {
                      if(msg)
                        alert("User has been deleted");
                      //else
                        //alert("Active Users are assigned to Roles.");
                      location.reload();
                    }
                });  
            }
            else
            {
              return false;
            }
        }
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('adminlte::page', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH E:\xampp7.3\htdocs\raintelsbase\resources\views/User/user_registration.blade.php ENDPATH**/ ?>