{% extends 'base.html.twig' %}
{% block title %}Bienvenidos a Koolvet{% endblock %}
{% block body %}
<div class="image-bg">
<div class="middle-box text-center loginscreen animated fadeInDown">
<div>
<div class="ibox-content">
<br>
<a href="{{ path('app_login') }}"> <img src="https://www.koolvet.com/app/img/logo_koolvet.png" class="logo-default"></a>
<form class="m-t">
<div class="form-group">
<input type="text" value="" name="email" id="inputEmail"
class="form-control txtEmailRestart" autocomplete="email" placeholder="Email">
</div>
<div class="form-group">
<input type="text" name="username" class="form-control txtUserName" placeholder="Username">
</div>
<!--<button type="submit" class="btn btn-primary block full-width m-b">Login</button>-->
<button class="btn btn-primary block full-width m-b btnRestartPassword" type="button">Restablecer</button>
</form>
<br>
</div>
</div>
</div>
</div>
{% endblock %}
{% block javascripts %}
<script type="text/javascript">
$(document).off('click', '.btnRestartPassword').on('click', '.btnRestartPassword', function (){
var datos = {
email: $(".txtEmailRestart").val(),
username: $(".txtUserName").val()
};
$.ajax({
url: '{{ path('validated_send_password') }}',
data: datos,
type: 'POST',
dataType: 'json',
success: function (data){
var type = (data.status) ? 'success' : 'error';
notificacion(data.message, type);
}
})
});
</script>
{% endblock %}