{% extends 'base.html.twig' %}

{% block title %}Modifier mon mot de passe{% endblock %}
{% block titre_page %}Modifier mon mot de passe{% endblock %}
{% block resume_page %}Modifier mon mot de passe{% endblock %}
{% block description_page %}
    Par contre, fait un effort, j'espère que tu souviens de ton mot de passe actuel !
{% endblock %}
{% block body %}
    <div class="col-sm-12 offset-md-3 col-md-6 mb-3">
        <div class="card">
            <div class="card-body">
                {{ form_start(form, {'action': path('user_change_pwd'), 'attr': {'class': 'row g-3'}}) }}

                {% if form.vars.errors|length > 0 %}
                <div class="alert alert-danger errors" role="alert">
                    {{ form_errors(form, {'attr': {'class': 'invalid-feedback'}}) }}
                </div>
                {% endif %}

                <div>
                    {{ form_label(form.oldPassword) }}
                    {{ form_widget(form.oldPassword) }}
                </div>
                <div class="invalid-feedback d-block errors">
                    {{ form_errors(form.oldPassword, {'attr': {'class': 'invalid-feedback'}}) }}
                </div>
                <div>
                    {{ form_label(form.newPassword.first) }}
                    {{ form_widget(form.newPassword.first) }}
                </div>
                <div>
                    {{ form_label(form.newPassword.second) }}
                    {{ form_widget(form.newPassword.second) }}
                </div>
                <div class="invalid-feedback d-block errors">
                    {{ form_errors(form.newPassword.first, {'attr': {'class': 'invalid-feedback'}}) }}
                </div>
                <div class="alert alert-info" role="alert">
                    A la validation du nouveau mot de passe, tu devras te reconnecter à l'aide de ce nouveau mot de passe.
                </div>

                {{ form_end(form) }}
            </div>
        </div>
    </div>
{% endblock %}