@extends('includes.master')
  @section('content') 
  <style>
  .error_class{
    color:red;
  }
  .success_class{
    color:green;
  }
</style>


<div class="right_col" role="main">
  <div class="row  class="right_col"">
    <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;">Designation Master <a class="btn btn-success" href="{{url('designation-add')}}">Add</a></div>
   </div>
   <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
              

                  <div class="x_content">

 
          



        <div class="box-body">
          <div class="table-responsive">
          <table id="datatable" class="table table-striped table-bordered">
            <thead>
              <tr>
                <th>Sr.No</th>

                <th>Designation</th>                          
                <th>Name</th>
                <th>Email Id</th>
                 <th>Edit</th>
                <th>Mobile</th>                  
                <th>Delete</th>                        
              </tr>
            </thead>
            <tbody>
              @foreach($data as $val)
              <tr>
                <td>{{$no++}}</td>                          
                <td>{{$val->designation}}</td>
                <td>{{$val->name}}</td>
                <td>{{$val->mobile}}</td>
                <td>{{$val->email}}</td>
                <td><a type="button" id="modelbutton" class="btn btn-success a-btn-slide-text" onclick="demo('{{$val->id}}')">Edit</a></td>                     

                <td><a href="designation-delete/{{$val->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>
    </div>


        <div class="modal fade" id="myModal" role="dialog">
          <div class="modal-dialog modal-lg">    

            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Update Designation Master</h4>
              </div>
              <div class="modal-body">
                <form class="form-horizontal" name="designation_form" id="designation_form">
                  {{csrf_field()}}

                  <input type="hidden" name="id" id="id">                 

                  <div class="col-md-12">

                  <div class="col-md-6 col-xs-12">
                    <div class="form-group row">
                      <label for="designation">Designation:</label>
                        <select type="text" class="form-control" id="designation" name="designation" required>
                          <option value="">Select Designation</option>
                          @foreach($designation as $val)
                          <option value="{{$val->id}}">{{$val->designation}}</option>
                          @endforeach
                        </select>
                        <label id="err_designation" class="error_class"></label>
                    </div>
                  </div>

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


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

         
                <div class="col-sm-12">
                 <button type="button" id="submit_btn" name="submit_btn" class="btn btn-success">Update</button>
               </div>
             </div>
           </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 demo(id,designation,name,email,mobile,comp_id){ 
    //alert(name);
    $.ajax({
      url: 'designation-table-model/'+id,
      type: "GET",
      success:function(user)
      {
        var data=  JSON.parse(user);
        $('.error_class').empty();
        $('#myModal').modal('show');

        $('#id').val('');  
        $('#designation').val('');
        $('#name').val('');
        $('#email').val('');  
        $('#mobile').val('');

        $('#id').val(data[0].id);
        $('#designation').val(data[0].designation);
        $('#name').val(data[0].name);      
        $('#email').val(data[0].email);
        $('#mobile').val(data[0].mobile);


      }
    });
  } 
</script>




<script type="text/javascript">
  $('#submit_btn').click(function(){
    var data = confirm('Are you sure you want to updated this record ?');
    $(".error_class").empty();
    $(".success_class").empty();

    var formdata = new FormData($('#designation_form')[0]);
    if(data){
   // alert('okae');    
   $.ajax({  
     type: "POST",  
     url: "{{URL::to('designation-update')}}",
     contentType : false,
     processData : false,
     data : formdata,
     success: function(response){
      var data = JSON.parse(response);
      if(data.status=='success'){
        alert(data.messege);
        window.location = data.redirectUrl;
      }
      else if(data.messege == "error"){
      }else{
            //alert('something went wrong');
            $.each(data , function(key , value){
              $("#err_" + key).text(value);
            });

          }           
        }  
      }); 
 }    

});
</script>

@endsection