{% extends 'base.html.twig' %}

{% block title %}Hello ResetPasswordController!{% endblock %}

{% block body %}
<style>
    .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
    .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
</style>

<div class="example-wrapper">
<p>Put Your Email</p>
 <label>New Password : </label> <input type="text" placeholder="Enter password" id="password" name="password" required> 
      <input type="text" placeholder="Enter password" value ="{{token}}" id="token" name="password"  hidden> 
     <button type="submit" id="save">
     save</button>
</div>
{% endblock %}
{% block javascripts %}
<script>

 $('#save').click(function() {
    var pass = $("#password").val();
    var token = $("#token").val();
    console.log(token);

        var sendInfo = {
        newPassword: pass
    };
    

     $.ajax({
        type: 'put',
        url: 'http://localhost:8000/api/reset_password/'+token,
        processData: false,
        dataType: 'json',
        contentType: "application/json; charset=UTF-8",
        data: JSON.stringify(sendInfo),
        success: function (msg) {
            console.log(msg);
        },
        error: function () {
        }
    });

   


});
</script>
{% endblock %}