{# Vista que pide el correo para resetear el password #}{% extends 'common/base-login.html.twig' %}{% block title %}Recuperar Contraseña{% endblock %}{% block form %} <div style="display: flex; justify-content: center; align-items: center; min-height: 100vh; background: #f4f5f7;"> <div style="background: lightgrey; padding: 40px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); max-width: 400px; width: 100%;"> <div style="text-align: center; margin-bottom: 20px;"> <img src="{{ asset('assets/images/platform/Logo_Mante.png') }}" alt="MANTE" style="max-width: 200px;"> </div> <h3 style="text-align: center; color: #333;">Recuperar Contraseña</h3> <p style="text-align: center; color: #666; font-size: 14px; margin-bottom: 20px;"> Ingresa tu correo electrónico y te enviaremos un enlace para crear una nueva contraseña. </p> <form method="post" action="{{ path('forgot_password') }}"> <div style="margin-bottom: 15px;"> <label for="email" style="display: block; margin-bottom: 5px; color: #333;">Correo electrónico</label> <input type="email" name="email" id="email" required class="form-control" style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px;"> </div> <button type="submit" style="width: 100%; padding: 10px; background: #00bf8b; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 16px;"> Enviar enlace </button> <div style="text-align: center; margin-top: 15px;"> <a href="{{ path('login') }}" style="color: #666; text-decoration: none; font-size: 14px;">Volver al inicio</a> </div> </form> </div> </div>{% endblock %}