@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 Master
          </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 Master</b><br><hr> -->

                    <form class="form-horizontal" name="user_form" id="user_form"  method="post">
                     {{csrf_field()}}
          

                  <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"  required>
                            <option selected  value="">Select Role</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 class="control-label" for="inputError"><span id="err_mobile" class="error_class"></span></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 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="group_hr" name="group_hr" placeholder="Group HR" >
                          <label id="err_group_hr" class="error_class"></label>
                        </div>
                      </div>
                    </div>

                 <center><div class="col-sm-12">
                   <button type="button" id="submit" name="submit" class="btn btn-primary">Submit</button>
                   </div>
                 </center>
                 </form>
                    
                  </div>
                </div>
              </div>
          </div>
        </div>


<script type="text/javascript">
  $('#submit').click(function(){
    //alert('oke');
    $(".error_class").empty();
    $(".success_class").empty();
     var formdata = new FormData($("#user_form")[0]);
    $.ajax({  
           type: "POST",  
           url: "{{URL::to('user-in')}}",
            //data : $('#project_m').serialize(),
            data : formdata,
           processData: false,
             contentType : false,
             success: function(msg){
                   var response = JSON.parse(msg);
                    if(response.status == "success"){
                      alert(response.message);
                       //$("#success_response").html(response.messege);
          window.location = response.redirectUrl;
        }
        else if(response.message == "error"){
          window.location = response.redirectUrl;
        }
        else{
          $.each(response , function(key , value){
            $("#err_" + key).text(value);
          });
        }  //console.log(msg);
              //location.reload();
            }
        }); 
  });

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

</script>

  @endsection