{% extends 'layouts/security/security.html.twig' %}

{% block title %}{{ context.get['app'] ? context.get['app'].name : company_name }} - Modifier le mot de passe{% endblock %}

{% block body %}
    <div class="w-100">
        {% include 'layouts/partials/__logo.html.twig' %}
        <h4 class="text-center text-lighter font-weight-normal mt-5 mb-0">Modifier le mot de passe</h4>

        <!-- [ Form ] Start -->
        {{ form_start(requestForm, {'attr': {'class': 'my-5'}}) }}
        {% for flashError in app.flashes('reset_password_error') %}
            <div class="alert alert-danger" role="alert">{{ flashError }}</div>
        {% endfor %}

        <div class="form-group">
            <label class="form-label">* Nouveau mot de passe</label>
            {{ form_widget(resetForm.plainPassword.first) }}
            <div class="clearfix"></div>
        </div>
        <div class="form-group">
            <label class="form-label">* Confirmer nouveau mot de passe</label>
            {{ form_widget(resetForm.plainPassword.second) }}
            <div class="clearfix"></div>
        </div>
        <div class="d-flex justify-content-between align-items-center m-0">
            <button type="button" class="btn btn-primary">Modifier le mot de passe</button>
        </div>
        {{ form_end(requestForm) }}
        <!-- [ Form ] End -->

        <div class="text-center text-muted">
            Revenir à la <a href="{{ path('home') }}">page d'accueil</a>
        </div>
    </div>
{% endblock %}