@extends('includes.master')
  @section('content')    

<style>
.error_class{
  color:red;
}
.success_class{
  color:green;
}
</style> 

       <div class="right_col" role="main">

       	<div class="row"><div class="col-md-12 float-none"><div style="font-size: 22px;font-size: 25px; padding: 5px 10px;background: #fff;font-weight: normal; display: block; margin-bottom: 10px;">User Details <a class="btn btn-success" href="{{url('user-add')}}">Add</a></div></div> </div>

            <div class="row  class="right_col"">
              <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
              

                  <div class="x_content">
                    <p class="text-muted font-13 m-b-30"></p> 
                   <!--  <b style="font-size: 30px">User Details</b>
                     <a class="btn btn-success" href="{{url('user-add')}}">Add</a> -->
                              
                     <div  id="product_related">    
                    <table id="datatable" class="table table-striped table-bordered">
                      <thead>                      
                        <tr>
                          <th>Sr.No</th>
                          <th>Name</th>
                          <th>Email</th>                          
                          <th>Role</th>
                          <th>Password</th>
                          <th>Mobile No</th>  
                          <th>Company Name</th>
                          <th>Group HR</th>
                          <th>Active/InActive</th>
                          <th>Create Date</th> 
                          <th>Updated Date</th>                  

                          <th>Edit</th>                       
                          <th>Delete</th>                          
                        </tr>
                        </thead>
                        <tbody>
                       @foreach($query as $val)
                        <tr>
                          <td>{{$no++}}</td>
                          <td>{{$val->user_name}}</td>
                          <td>{{$val->email}}</td>
                          <td>{{$val->role_name}}</td>
                          <td><a type="button" id="modelbutto" class="btn a-btn-slide-text"  onclick="dwmo2('{{$val->user_id}}')">*******</a></td>
                          <td>{{$val->mobile}}</td>
                          <td>{{$val->comp_name}}</td>
                          <td>{{$val->group_hr}}</td>                          
                          <td>{{$val->p_status}}</td>
                          <td>{{$val->created_on}}</td>
                          <td>{{$val->updated_on}}</td>

                          <td><a type="button" id="modelbutton" class="btn btn-success a-btn-slide-text" onclick="demo('{{$val->user_id}}')">Edit</a></td>
                          <td><a href="delete-user/{{ $val->user_id }}" class="btn btn-danger a-btn-slide-text" onclick="return confirm('Are you sure to delete this recored ?')">Delete</a></td>
                        </tr>                       
                      @endforeach
                    </tbody>
                    </table>

                  </div>

                  </div>




 <!-- Modal -->
  <div class="modal fade" id="ssmyModal" role="dialog">
    <div class="modal-dialog modal-sm">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">MY PASSWORD</h4>
        </div>

        <div class="modal-body">

          <input type="hidden" class="form-control" id="user_idm" name="user_idm" value="">
          <input type="text" class="form-control" readonly="" id="passss" name="passss" value="{{$val->pwd}}">

    
        </div>

        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>
    </div>
  </div>




                  <!-- Modal -->
  <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog modal-lg">    
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Update User Master</h4>
        </div>
        <div class="modal-body">      

          <!-- <form name="employee_master" id="employee_master" enctype="multipart/form-data" method="POST"> -->

        <form name="user_form" id="user_form"  method="POST">
           {{ csrf_field() }}
           <input type="hidden" class="form-control" id="user_id" name="user_id" value="">

                  <div class="col-md-6">
                   <div class="form-group row">
                        <label for="name" class="col-sm-4 col-form-label">Name:</label>
                        <div class="col-sm-6">
                          <input type="text" class="form-control" id="name" name="name" placeholder="Name" onkeypress="return AllowAlphabet(event)"  required>
                          <label id="err_name" class="error_class"></label>
                        </div>
                      </div>
                  </div>



                  <div class="col-md-6">
                   <div class="form-group row">
                        <label for="email" class="col-sm-4 col-form-label">Email:</label>
                        <div class="col-sm-6">
                          <input type="text" class="form-control" id="email" name="email" placeholder="Email"  required>
                          <label id="err_email" class="error_class"></label>
                        </div>
                      </div>
                    </div>

                  




                    <div class="col-md-6">
                      <div class="form-group row">
                        <label for="pass" class="col-sm-4 col-form-label">Password:</label>
                        <div class="col-sm-6">
                          <input type="text" class="form-control" id="pass" name="pass" placeholder="Password" required>
                          <label id="err_pass" class="error_class"></label>
                        </div>
                      </div>
                    </div>


                    <div class="col-md-6">
                      <div class="form-group row">
                        <label for="role" class="col-sm-4 col-form-label">Role:</label>
                         <div class="col-sm-6">
                          <select type="text" class="form-control" id="role" name="role" placeholder="Relationship"  required>
                            <option selected value="">Select One</option>
                            @foreach($role as $val)
                            <option value="{{$val->role_id}}">{{$val->role_name}}</option>                     
                          @endforeach
                           </select>
                          <label id="err_role" class="error_class"></label>
                      </div>
                    </div>
                  </div>

                  <div class="col-md-6">
                      <div class="form-group row">
                        <label for="mobile" class="col-sm-4 col-form-label">Mobile:</label>
                         <div class="col-sm-6">
                          <input type="text" class="form-control" onkeypress="return fnAllowNumeric(event)" minlength="10" maxlength="10" id="mobile" name="mobile" placeholder="Mobile" required>
                          <label id="err_mobile" class="error_class"></label>
                      </div>
                    </div>
                  </div>

                    <div class="col-md-6">
                      <div class="form-group row">
                        <label for="is_active" class="col-sm-4 col-form-label">Active/Inactive:</label>
                         <div class="col-sm-6">
                          <select class="form-control" id="is_active" name="is_active" placeholder="Active/Inactive" required>
                            <option  value="">Select One</option>
                            <option selected value="1">Active</option>
                            <option  value="2">Inactive</option>                           
                          </select>
                          <label id="err_comp_id" class="error_class"></label>
                        </div>
                      </div>
                    </div>

                     <div class="col-md-6" id="hidehr" style="display: none;">
                      <div class="form-group row">
                        <label for="pass" class="col-sm-4 col-form-label">Group HR:</label>
                        <div class="col-sm-6">
                          <input type="text" class="form-control" id="upgroup_hr" name="upgroup_hr" placeholder="Group HR" >
                          <label id="err_upgroup_hr" class="error_class"></label>
                        </div>
                      </div>
                    </div>
                    


        <center>
          <div class="col-md-12">
            <div class="form-group row">
            <button type="button" name="submit" id="submit" class="btn btn-success">Update</button>
          </div>
        </div>
        </center>

      </form>
    </div>
    <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
  </div>    
</div>
</div>
</div>
</div>
</div>
</div>


     <script type="text/javascript">
   function dwmo2(user_id,pwd){ 
    //alert(user_id);
   $.ajax({
    url: 'user-table-model/'+user_id,
    type: "GET",
    success:function(user)
    {
      var data=  JSON.parse(user);
      $('#ssmyModal').modal('show');    

      $('#user_id').val('');  
      $('#passss').val('');  

    
      
    

      $('#user_id').val(data[0].user_id);
    
      $('#passss').val(data[0].pwd);
      $
     
    }
  });
 } 


  </script>







  <script type="text/javascript">
   function demo(user_id,user_name,email,pwd,role_id,mobile,is_active,group_hr){ 
    //alert(user_id);
   $.ajax({
    url: 'user-table-model/'+user_id,
    type: "GET",
    success:function(user)
    {
      var data=  JSON.parse(user);
      $('.error_class').empty();
      $('#myModal').modal('show');                   
      $('#user_id').val('');  
      $('#name').val('');
      $('#email').val('');
      $('#pass').val('');  
      $('#role').val('');
      $('#mobile').val('');
      $('#is_active').val('');
      $('#upgroup_hr').val('');
     

      $('#user_id').val(data[0].user_id);
      $('#name').val(data[0].user_name);
      $('#email').val(data[0].email);      
      $('#pass').val(data[0].pwd);
      $('#role').val(data[0].role_id);
      $('#mobile').val(data[0].mobile);
      $('#is_active').val(data[0].is_active);
      $('#upgroup_hr').val(data[0].group_hr);
     
    }
  });
 } 


  $('#role').on("change", function(){
  if($("#role").val() == 2){
    $('#hidehr') .show();
  }else{
    $('#hidehr') .hide();
  }
 });



  </script>
 <script type="text/javascript">
   window.setTimeout(function() {
       $(".alert").fadeTo(500, 0).slideUp(500, function(){
           $(this).remove(); 
       });
     }, 1000);
</script>

<script type="text/javascript">  
  $('#submit').click(function(){
    var data = confirm('Are you sure you want to updated this record ?');
     $(".error_class").empty();
    $(".success_class").empty();
    var formdata = new FormData($('#user_form')[0]);
    if(data){
   ///alert('okae');    
        $.ajax({  
         type: "POST",  
         url: "{{URL::to('user-master-update')}}",
         contentType : false,
         processData : false,
         data : formdata,
         success: function(response){
          var data = JSON.parse(response);
          if(data.status=='success'){
            alert(data.message);
            window.location = data.redirectUrl;   
          }
        else if(data.message == "error"){
        }else{
            //alert('something went wrong');
            $.each(data , function(key , value){
            $("#err_" + key).text(value);
          });

          } 
            
          }           
          
      }); 
    } 
  });
</script>
@endsection