{% extends 'base_login.html.twig' %}
{% block title %}Recuperar Contraseña{% endblock %}
{% block body_class %}d-flex align-items-center bg-auth border-top border-top-2 border-primary{% endblock %}
{% block body %}
<div class="container">
<div class='row'>
<div class='col-md-4'></div>
<div class='col-md-4 text-center'>
<img src="{{ logo }}" style='max-width:250px'>
</div>
<div class='col-md-4'></div>
</div>
<div class="row justify-content-center">
<div class="col-12 col-md-5 col-xl-4 my-5">
<!-- Heading -->
<p style='text-align:center;'><a href="{{path('app_login')}}">« Regresar</a></p>
<h1 class="display-4 text-center" style='margin-bottom:0px;padding-bottom:0px;'>
Recuperar contraseña
</h1>
<!-- Subheading -->
<p class="text-muted text-center mb-5">
Ingrese el email registrado para recibir un email con instrucciones de recuperación
</p>
{{ include('flash.html.twig') }}
<!-- Form -->
<form method='post'>
<div class="form-group">
<label class="form-label">
Email
</label>
<input type="email" value="" name="recovery_email" class="form-control" autocomplete="email" required autofocus>
</div>
<!-- Submit -->
<button class="btn btn-lg w-100 btn-primary mb-3">
Enviar email de recuperación
</button>
<!-- Link -->
<div class="text-center">
<small class="text-muted text-center">
¿Ya tiene una cuenta? <a href="{{path('app_login')}}">Inicie sesión</a>.
</small>
</div>
</form>
</div>
</div> <!-- / .row -->
</div> <!-- / .container -->
{% endblock %}
{% block javascripts %}
<script>
</script>
{% endblock %}