<?php $__env->startSection('content'); ?>
    <div class="container-fluid">
        <div class="page-titles">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="javascript:void(0)">Settings</a></li>
                <li class="breadcrumb-item active"><a href="<?php echo e(URL::to('/user_registration')); ?>">Users</a></li>
            </ol>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-primary">
                      <div class="card-header">
                        <b>Show User</b>
                      </div>
                        <div class="card-body">
                            <form id="userregform" class="form-horizontal" action="<?php echo e(URL::to('/show_user_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><b>Organisation</b></label> <br>
                                        <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($users->organisation_id == $organisation->id ? 'selected' : ''); ?>><?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>
                                        <?php $__currentLoopData = $departments; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $department): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <option value="<?php echo e($department->id); ?>" <?php echo e($users->department_id == $department->id ? 'selected' : ''); ?>><?php echo e($department->department_name); ?></option>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                      </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>
                                        <?php $__currentLoopData = $sections; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $section): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <option value="<?php echo e($section->id); ?>" <?php echo e($users->section_id == $section->id ? 'selected' : ''); ?>><?php echo e($section->section_name); ?></option>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                      </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 value="<?php echo e($users->name); ?>">
                                        <input type="hidden" class="form-control" id="user_id" name="user_id" required value="<?php echo e($users->id); ?>" 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 value="<?php echo e($users->email); ?>" onchange="validateEmail(this,'Email');">
                                    </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 value="<?php echo e($users->phone_number); ?>" 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">
                                        <?php
                                            $role_id_str = "";
                                            $user_role_id = "";
                                        ?>
                                        <?php if(isset($users->userrole)): ?>
                                            <?php $__currentLoopData = $users->userrole; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $userrole): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <?php
                                                    $user_role_id = $userrole->role_id;
                                                    if($role_id_str)
                                                    {
                                                        $role_id_str = $role_id_str.",".$user_role_id;
                                                    }
                                                    else
                                                    {
                                                        $role_id_str = $user_role_id;
                                                    }
                                                ?>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        <?php endif; ?>
                                        <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(); ?>
                                                <?php
                                                    $role_id_master = $rolesobj->id;
                                                ?>
                                                <?php if(str_contains($role_id_str, $role_id_master)): ?>
                                                    <option value="<?php echo e($rolesobj->id); ?>" selected><?php echo e($rolesobj->name); ?></option>
                                                <?php else: ?>
                                                    <option value="<?php echo e($rolesobj->id); ?>"><?php echo e($rolesobj->name); ?></option>
                                                <?php endif; ?>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        </select>
                                    </div>
                                    <div class="form-group col-md-4">
                                        <label>Active </label>
                                        <?php if($users->status==1): ?>
                                           <br> <input type="checkbox" checked="checked" name="status" id="status" data-toggle="toggle" data-on="Yes" data-off="No" data-onstyle="success" data-offstyle="danger" data-size="small" data-style="ios" value="1">
                                        <?php elseif($users->status==0): ?>
                                            <br><input type="checkbox" name="status" id="status" data-toggle="toggle" data-on="Yes" data-off="No" data-onstyle="success" data-offstyle="danger" data-size="small" data-style="ios" value="1">
                                        <?php endif; ?>
                                    </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">
                                    </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">
                                    </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-2">
                                          <!-- uploaded photo showing  -->
                                          <img id="uploadPreview" style="width: 100px; height: 100px;" />                        
                                      </div>
                                      <div class="form-group col-md-2">
                                          <!--already uploaded photo showing  -->
                                          <?php if($users->photo!=""): ?>
                                            <img class="img-fluid" src="<?php echo e(asset('uploads/users/')); ?>/<?php echo e($users->photo); ?>" alt="" style="width: 100px; height: 100px;" >
                                          <?php else: ?> 
                                            <label>No Photo Uploaded Yet</label>
                                          <?php endif; ?>
                                      </div>

                                </div> 
                                <div class="card-footer">
                                  <button type="submit" class="btn btn-primary">Submit</button>
                                  <a href="<?php echo e(URL::to('/section')); ?>" title="View Facility" class="btn btn-warning">Back</a>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="application/javascript">
        
        $(document).ready(function() {
            $("#roles").select2({
                columns: 1,
                placeholder : "Select Roles",
                allowClear: true,
                search: true,
                selectAll: true
            });
        });
        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>");
                  }); 
               }
            });
        }
        /////////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) 
            {
                alert("Please enter correct email ID");
                emailField.value="";
                emailField.focus();
                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;
          };
        }
        $(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/ksstmorg/resources/views/Admin/Settings/show_user.blade.php ENDPATH**/ ?>