{% extends 'base.html.twig' %}
{% block title %}Nueva 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">Seguridad</div>
        <h1 style="font-size:1.5rem; font-weight:800; color:#1a3528">Crea una nueva contraseña</h1>
        <p class="text-muted small mt-1">Elige una contraseña segura de al menos 6 caracteres.</p>
    </div>

    <div class="content-card p-4 p-md-5">
        {{ form_start(form) }}
        <div class="mb-3">
            {{ form_label(form.plainPassword.first) }}
            {{ form_widget(form.plainPassword.first, {'attr': {'class': 'form-control', 'placeholder': 'Nueva contraseña', 'autofocus': 'autofocus'}}) }}
            {{ form_errors(form.plainPassword.first) }}
        </div>
        <div class="mb-4">
            {{ form_label(form.plainPassword.second) }}
            {{ form_widget(form.plainPassword.second, {'attr': {'class': 'form-control', 'placeholder': 'Repite la contraseña'}}) }}
            {{ form_errors(form.plainPassword.second) }}
        </div>
        <button type="submit" class="btn-primary-green w-100" style="border-radius:50px; padding:.7rem">
            <i class="bi bi-check-lg me-1"></i> Guardar nueva contraseña
        </button>
        {{ form_end(form) }}
    </div>

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