@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</div>
   </div>

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

        <form class="form-horizontal" name="designation_form" id="designation_form">
          {{csrf_field()}}
          

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

           <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">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">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="btn_submit" name="btn_submit" class="btn btn-success">Submit</button>
         </div>
       </div>
     </form>                    
   </div>
 </div>
</div>
</div>
</div>



<script type="text/javascript">
  $('#btn_submit').click(function(evt){
    evt.preventDefault();
    $(".error_class").empty();
    $(".success_class").empty();
    var formdata = new FormData($("#designation_form")[0]);
    $.ajax({  
     type: "POST",  
     url: "{{URL::to('designation-insert')}}",
            //data : $('#project_m').serialize(),
            data : formdata,
            processData: false,
            contentType : false,
            success: function(msg){
             var response = JSON.parse(msg);
             if(response.status == "success"){

              alert(response.messege);
                       //$("#success_response").html(response.messege);
                       window.location = response.redirectUrl;
                     }
                     else if(response.messege == "error"){
                      window.location = response.redirectUrl;
                    }
                    else{
                      $.each(response , function(key , value){
                        $("#err_" + key).text(value);
                      });
                    }
           //console.log(msg);
              //location.reload();
            }
          }); 
  });
</script>
@endsection