{% extends 'base.html.twig' %}
{% block title %}Recuperar contraseña – HuertosCastellon.es{% endblock %}
{% block meta_robots %}noindex, nofollow{% endblock %}

{% block body %}
<div style="min-height:80vh; background:linear-gradient(160deg,#f0faf4 0%,#e8f5ed 100%); display:flex; align-items:center; padding:2rem 0;">
<div class="container">
<div class="row justify-content-center">
<div class="col-sm-9 col-md-6 col-lg-5">

    <div class="text-center mb-4">
        <div style="width:64px; height:64px; background:var(--verde-palido); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:auto; font-size:1.8rem">🔑</div>
        <div class="section-header-sm mt-3">Recuperación</div>
        <h1 style="font-size:1.5rem; font-weight:800; color:#1a3528">¿Olvidaste tu contraseña?</h1>
        <p class="text-muted small mt-1 px-3">Introduce tu email y te enviamos un enlace para restablecerla.</p>
    </div>

    <div class="content-card p-4 p-md-5">
        {{ form_start(form) }}
        <div class="mb-4">
            {{ form_label(form.email) }}
            {{ form_widget(form.email, {'attr': {'class': 'form-control', 'placeholder': 'tu@email.com', 'autofocus': 'autofocus'}}) }}
            {{ form_errors(form.email) }}
        </div>
        <button type="submit" class="btn-primary-green w-100" style="border-radius:50px; padding:.7rem">
            <i class="bi bi-send me-1"></i> Enviar enlace de recuperación
        </button>
        {{ form_end(form) }}

        <div class="text-center mt-4 pt-3" style="border-top:1px solid #e8f5ed">
            <a href="{{ path('app_login') }}" style="color:var(--verde-medio); font-size:.85rem; text-decoration:none">
                <i class="bi bi-arrow-left me-1"></i>Volver al inicio de sesión
            </a>
        </div>
    </div>

</div>
</div>
</div>
</div>
{% endblock %}