<?php $__env->startSection('content'); ?>
    <div class="container-fluid">
        <div class="page-titles">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="javascript:void(0)">User Administration</a></li>
                <li class="breadcrumb-item active"><a href="javascript:void(0)">User Registration</a></li>
            </ol>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-primary">
                        <div class="card-header custom-tab-1">
                          <ul class="nav nav-tabs" role="tablist">
                              <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#userregform"><b>Add User</b></a></li>
                              <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#listdata"><b>View Users</b></a></li>
                          </ul>
                        </div>
                        <div class="card-body">
                          <div class="default-tab">
                            
                            <div class="tab-content">
                                <div id="userregform" class="tab-pane fade active show" role="tabpanel">
                                  <!-- 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="form-row">
                                          <div class="form-group col-md-4">
                                              <label>Organisation</label>
                                              <select name="organisation_id" id="organisation_id" class="form-control" onchange="load_department(this.value)">
                                                  <option value="">Select Organisation</option>
                                                  <?php $__currentLoopData = $organisations; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $organisation): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                      <option value="<?php echo e($organisation->id); ?>"><?php echo e($organisation->organisation_name); ?></option>
                                                  <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                              </select>
                                          </div>
                                          <div class="form-group col-md-4">
                                              <label>Department</label>
                                              <select name="department_id" id="department_id" class="form-control" onchange="load_section(this.value)">
                                                  <option value="">Select Department</option>
                                              </select>
                                          </div>
                                          <div class="form-group col-md-4">
                                              <label>Section</label>
                                              <select name="section_id" id="section_id" class="form-control">
                                                  <option value="">Select Section</option>
                                              </select>
                                          </div>
                                      </div>
                                      <div class="form-row">
                                          <div class="form-group col-md-4">
                                              <label>Name</label>
                                              <input type="text" class="form-control" id="name" name="name" placeholder="Enter Name" required maxlength="250">
                                          </div>
                                          <div class="form-group col-md-4">
                                              <label>Email ID</label>
                                              <input type="text" class="form-control" id="email" name="email" placeholder="Enter Email" required onchange="validateEmail(this,'Email ID');" maxlength="250">
                                          </div>
                                          <div class="form-group col-md-4">
                                              <label>Phone Number</label>
                                              <input type="text" class="form-control" id="phone_number" name="phone_number" placeholder="Enter Phone Number" required maxlength="10" minlength="10" pattern="[0-9]{1}[0-9]{9}" onkeypress="return isNumber_phone(event);" onchange="ValidateNo(this,'Phone Number');">
                                          </div>
                                      </div>
                                      <div class="form-row">
                                        <div class="form-group col-md-4">
                                            <label>Roles</label>
                                            <select class="multi-select" 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 class="form-row">
                                          <div class="form-group col-md-4">
                                              <label>Password</label>
                                              <input type="password" class="form-control" id="password" name="password" placeholder="Password" required maxlength="250">
                                          </div>
                                          <div class="form-group col-md-4">
                                              <label>Confirm Password</label>
                                              <input type="password" class="form-control" id="confirm_password" name="confirm_password" placeholder="Password" required maxlength="250">
                                          </div>
                                      </div>
                                      <div class="form-row">
                                          <div class="form-group col-md-4">
                                              <label>Photo</label><br>
                                              <input type="file" name="photo" id="photo" onchange="check_extension_photo(this);PreviewImage();">
                                          </div>
                                          <div class="form-group col-md-4">
                                              <!-- uploaded photo showing  -->
                                              <img id="uploadPreview" style="width: 100px; height: 100px;" />                        
                                          </div>
                                      </div>                                       
                                      <div class="card-footer">
                                        <button type="submit" class="btn btn-primary">Submit</button>
                                      </div>
                                  </form>
                                </div>
                                <div class="tab-pane fade" id="listdata">
                                    <div class="table-responsive">
                                        <table class="display" style="width:100%" id="example">
                                            <thead class="thead-info">
                                                <tr>
                                                    <th>Slno</th>
                                                    <th>Organisation</th>
                                                    <th>Department</th>
                                                    <th>Section</th>
                                                    <th>Name</th>
                                                    <th>Email</th>
                                                    <th>Phone Number</th>
                                                    <th>Roles</th>
                                                    <th>Status</th>
                                                    <th>Actions</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <?php if(count($users)==0): ?>
                                                    <tr>
                                                        <td colspan="3"><br><br>
                                                            <div class="alert alert-danger alert-dismissible fade show">
                                                                <strong>No Users Added !!!</strong>
                                                            </div>
                                                            
                                                        </td>
                                                    </tr>
                                                <?php endif; ?>
                                                <?php
                                                    $n = 0;
                                                    $status_val ="";
                                                    $status = "";
                                                    $user_role_name ="";
                                                    $rolename = "";
                                                    $organisation_name = "";
                                                    $department_name = "";
                                                    $section_name = "";
                                                    //dd($users);
                                                ?>
                                                <?php if(isset($users)): ?>
                                                    <?php $__currentLoopData = $users; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $user_list): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                        <?php  
                                                            $department_name = "";
                                                            $section_name = "";
                                                            $n++;
                                                            $status_val = $user_list->status;
                                                            if($status_val == 1)
                                                            {
                                                                $status = "Active";
                                                            }               
                                                            else
                                                            {
                                                                $status = "Not Active";
                                                            }
                                                            if(isset($user_list->userrole->role_id))
                                                            {
                                                              $rolename = $user_list->userrole->role->name;
                                                            }
                                                            if($user_role_name)
                                                            {
                                                                $user_role_name = $user_role_name.",".$rolename;
                                                            }
                                                            else
                                                            {
                                                                $user_role_name = $rolename;
                                                            }
                                                            if(isset($user_list->organisation_id))
                                                            {
                                                              if(isset($user_list->organisation->organisation_name))
                                                              {
                                                                $organisation_name = $user_list->organisation->organisation_name;
                                                              }
                                                            }
                                                            if(isset($user_list->department_id))
                                                                $department_name = $user_list->department->department_name;
                                                            if(isset($user_list->section_id))
                                                                $section_name = $user_list->section->section_name;
                                                        ?>
                                                        <tr>
                                                            <td><?php echo e($n); ?></td>
                                                            <td><?php echo e($organisation_name); ?></td>
                                                            <td><?php echo e($department_name); ?></td>
                                                            <td><?php echo e($section_name); ?></td>
                                                            <td><?php echo e($user_list->name); ?></td>
                                                            <td><?php echo e($user_list->email); ?></td>
                                                            <td><?php echo e($user_list->phone_number); ?></td>
                                                            <td><?php echo e($user_role_name); ?></td>
                                                            <td><?php echo e($status); ?></td>
                                                            <td>
                                                                <a href="<?php echo e(URL::to('/show_user')); ?>/<?php echo e($user_list->id); ?>" title="Update User" class="btn btn-primary shadow btn-xs sharp mr-1"><i class="fa fa-pencil"></i></a>
                                                                <a href="#" class="btn btn-danger shadow btn-xs sharp" title="Delete User" onClick="confirmDeleteUser(<?php echo e($user_list->id); ?>);"><i class="fa fa-trash"></i></a>
                                                            </td>
                                                        </tr>
                                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                                <?php endif; ?>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                          </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="application/javascript">
        function load_department(organisation_id)
        {
            $.ajax({
               type:'GET',
               url: "<?php echo url('get_department/"+organisation_id+"'); ?>",
               success:function(data)
               {
                  $('#department_id').empty();
                  $('#department_id').append("<option value=''>Select Department</option>");
                  $.each(data, function(key, element) {
                      $('#department_id').append("<option value='" + key +"'>" + element + "</option>");
                  }); 
               }
            });
        }
        function load_section(department_id)
        {
            $.ajax({
               type:'GET',
               url: "<?php echo url('get_section/"+department_id+"'); ?>",
               success:function(data)
               {
                  $('#section_id').empty();
                  $('#section_id').append("<option value=''>Select Section</option>");
                  $.each(data, function(key, element) {
                      $('#section_id').append("<option value='" + key +"'>" + element + "</option>");
                  }); 
               }
            });
        }
        $(document).ready(function() {
            $("#roles").select2({
                columns: 1,
                placeholder : "Select Roles",
                allowClear: true,
                search: true,
                selectAll: true
            });
        });
        
        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;
            }
        }

        //////check the extension of photo upload////////////////////////
        function check_extension_photo(field)
        {
          var file= field.value;
          var reg = /(.*?)\.(jpeg|jpg|png|JPEG|JPG|PNG)$/;
          if(!file.match(reg))
          {
              alert("Invalid File format. Please upload jpeg/jpg/png format.");
              field.value="";
              field.focus();
              return false;
          }
        }
        //to show the uploaded photo immediately after uploading before insertion
        function PreviewImage()
        {
          var oFReader = new FileReader();
          oFReader.readAsDataURL(document.getElementById("photo").files[0]);
          oFReader.onload = function (oFREvent) {
              document.getElementById("uploadPreview").src = oFREvent.target.result;
          };
        }
        /////////validate integer fields in phone ///////////////////////////
        function isNumber_phone(evt) 
        {
          evt = (evt) ? evt : window.event;
          var charCode = (evt.which) ? evt.which : evt.keyCode;
          if (!((charCode == 43) || (charCode >= 48 && charCode <= 57)))
          //if ((charCode!=43 ) && (charCode < 48 || charCode > 57)) 
          {
            return false;
          }

          return true;
        }
        function ValidateNo(phoneNo,field) 
        {
            if (phoneNo.value == "" || phoneNo.value == null) 
            {
                sweetAlert("Oops...", "Please Enter Your Phone Number", "error");
                phoneNo.focus();
                return false;
            }
            //alert(phoneNo.name);
            /////mobile number//////////////
            if(phoneNo.name == 'phone_number')
            {
                inputString = phoneNo.value;
                if(phoneNo.value!='')
                {
                    //var newStr = inputString.match(/^(?:(?:\+|0{0,2})91(\s*[\-]\s*)?|[0]?)?[6789]\d{9}$/);
                    var newStr = inputString.match(/^(?:(\s*[\-]\s*)?|[0]?)?[6789]\d{9}$/);
                    if(!newStr)
                    {
                        sweetAlert("Oops...", "Phone Number Is Not Valid. Please Enter Correct Phone Number", "error");
                        phoneNo.value="";
                        phoneNo.focus();
                        return false;       
                    }
                }
                if (phoneNo.value.length < 10 || phoneNo.value.length > 10) 
                {
                    sweetAlert("Oops...", "Phone Number Is Not Valid. Please Enter Correct Phone Number", "error");
                    phoneNo.focus();
                    return false;
                }
                if (phoneNo.value.length >= 10) 
                {
                    document.getElementById(errfield).innerHTML="";
                    phoneNo.focus();
                    return false;
                }
            }
            return true;
        }
        /////////validate integer fields///////////////////////////
        function isNumber(evt) 
        {
          evt = (evt) ? evt : window.event;
          var charCode = (evt.which) ? evt.which : evt.keyCode;
          if (charCode > 31 && (charCode < 48 || charCode > 57)) 
          {
            //alert("Please enter only Numbers.");
            return false;
          }

          return true;
        }
        function validateEmail(emailField, fieldname)
        {
            var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;

            if (reg.test(emailField.value) == false) 
            {
                sweetAlert(" ", "Please enter correct email ID", "error");
                emailField.value="";
                emailField.focus();
                return false;
            }
        }
        $(document).ready(function() {
            toastr.options.timeOut = 10000;
            <?php if(Session::has('error')): ?>
                toastr.error('<?php echo e(Session::get('error')); ?>');
            <?php elseif(Session::has('success')): ?>
                toastr.success('<?php echo e(Session::get('success')); ?>');
            <?php endif; ?>
        });
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layout.default', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/html/ksstmprod/resources/views/Admin/Settings/user_registration.blade.php ENDPATH**/ ?>