@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">
                    <b style="font-size: 30px">Change Password</b>
                    <hr><br><br>

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

                  <div class="col-md-12">
                   <div class="form-group row">
                        <label for="old_pass" class="col-sm-3 col-form-label">Old Password:</label>
                        <div class="col-sm-4">
                          <input type="password" class="form-control" id="old_pass" name="old_pass" placeholder="Old Password"  required>
                          <label class="control-label" for="inputError"><span id="err_old_pass" class="error_class"></span></label>
                        </div>
                      </div>
                  </div>

                  <div class="col-md-12">
                   <div class="form-group row">
                      <label for="new_pass" class="col-sm-3 col-form-label">New Password:</label>
                        <div class="col-sm-4">
                          <input type="password" class="form-control" id="new_pass" name="new_pass" placeholder="New Password"  required>
                          <label class="control-label" for="inputError"><span id="err_new_pass" class="error_class"></span></label>
                        </div>
                      </div>
                  </div>

                  <div class="col-md-12">
                   <div class="form-group row">
                        <label for="conf_new_pass" class="col-sm-3 col-form-label">Confirm Password:</label>
                        <div class="col-sm-4">
                          <input type="password" class="form-control" id="conf_new_pass" name="conf_new_pass" placeholder="Confirm Password:"  required>
                          <label class="control-label" for="inputError"><span id="err_conf_new_pass" class="error_class"></span></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($("#update_pass_form")[0]);
    $.ajax({  
           type: "POST",  
           url: "{{URL::to('update-password-in')}}",
            //data : $('#project_m').serialize(),
            data : formdata,
           processData: false,
             contentType : false,
             success: function(msg){
              var response = JSON.parse(msg);
              if(response.messege == "success"){
                alert(response.msg_alert);
                window.location = response.redirectUrl;
              }
              else if(response.messege == "error"){
                window.location = response.redirectUrl;
              }
              else{
                  $.each(response , function(key , value){
                    $("#err_" + key).text(value);
                  });
              }
            }
        }); 
  });
</script>

  @endsection