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

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

                  <div class="col-md-6">
                      <div class="form-group row">
                        <label for="relationship" class="col-sm-4 col-form-label">Company:</label>
                        <div class="col-sm-6">
                          <select type="text" class="form-control" id="comp_name" name="comp_name" placeholder="Company"  required>
                          	<option  value="">Select One</option>
                          	@foreach($data as $val)
                          	<option value="{{$val->comp_id}}">{{$val->comp_name}}</option>
                          	@endforeach
                          </select>
                          <label class="control-label" for="inputError"><span id="err_comp_name" class="error_class"></span></label>
                        </div>
                      </div>
                  </div>

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

                  <div class="col-md-6">
                   <div class="form-group row">
                        <label for="comp_pincode" 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"  required>
                          <label class="control-label" for="inputError"><span id="err_name" class="error_class"></span></label>
                        </div>
                      </div>
                    </div> 


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


                  <div class="col-md-6">
                   <div class="form-group row">
                        <label for="designation" class="col-sm-4 col-form-label">Mobile:</label>
                        <div class="col-sm-6">
                          <input type="text" class="form-control" id="mobile" maxlength="10" maxlength="10"  onkeypress="return fnAllowNumeric(event)" 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-12 success_class" style="font-size: 20px;" id="success_response">
                  </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($("#escalation_form")[0]);
    $.ajax({  
           type: "POST",  
           url: "{{URL::to('escalation-in')}}",
            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>

<!-- <script type="text/javascript">
  $("#comp_pincode").keyup(function(){

    if($.trim($(this).val()).length == 6){

      $.ajax({
      url : 'company-pincode/'+ $(this).val(), 
      type: 'GET',

      success : function(response){
      
        console.log(response);

        var d = JSON.parse(response);
         $('#comp_state').val('');
         $('#comp_city').val('');
         $('#comp_state_name').val('');
         $('#comp_city_name').val('');
         for(var i=0;i<d.length;i++)

          {

         $('#comp_state').val(d[i].state_id);
         $('#comp_city').val(d[i].city_id);
         $('#comp_state_name').val(d[i].state_name);
         $('#comp_city_name').val(d[i].city_name);

       }
      }
      });
    }
});
</script> -->


  @endsection