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

{% block body %}

<header class="page-header">
    <div class="container">
        <nav aria-label="breadcrumb"><ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ path('app_mi_area') }}">Mi área</a></li>
            <li class="breadcrumb-item"><a href="{{ path('app_perfil') }}">Mi perfil</a></li>
            <li class="breadcrumb-item active">Cambiar contraseña</li>
        </ol></nav>
        <h1><i class="bi bi-shield-lock me-2" style="opacity:.8"></i>Cambiar contraseña</h1>
    </div>
</header>

<div class="container" style="padding-top:1.5rem; padding-bottom:4rem;">
<div class="row justify-content-center">
<div class="col-md-6 col-lg-5">

    <div class="content-card p-4 p-md-5">
        <div class="section-header-sm mb-1">Nueva contraseña</div>
        <p class="text-muted small mb-4">Introduce tu contraseña actual para confirmar el cambio.</p>

        {{ form_start(form) }}
        <div class="mb-3">
            {{ form_label(form.currentPassword) }}
            {{ form_widget(form.currentPassword, {'attr': {'class': 'form-control', 'placeholder': 'Contraseña actual'}}) }}
            {{ form_errors(form.currentPassword) }}
        </div>
        <div style="height:1px; background:#e8f5ed; margin:1.2rem 0"></div>
        <div class="mb-3">
            {{ form_label(form.plainPassword.first) }}
            {{ form_widget(form.plainPassword.first, {'attr': {'class': 'form-control', 'placeholder': 'Nueva contraseña'}}) }}
            {{ 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 nueva contraseña'}}) }}
            {{ form_errors(form.plainPassword.second) }}
        </div>
        <div class="d-flex gap-2">
            <button type="submit" class="btn-primary-green" style="border-radius:50px; padding:.6rem 1.6rem">
                <i class="bi bi-floppy me-1"></i>Guardar contraseña
            </button>
            <a href="{{ path('app_perfil') }}" class="btn-ghost-green" style="border-radius:50px">Cancelar</a>
        </div>
        {{ form_end(form) }}
    </div>

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