{% extends 'front/' ~ websiteTemplate ~ '/base.html.twig' %}

{% trans_default_domain 'front_customer' %}

{% import 'core/src-macro.html.twig' as resources %}

{% block metaTitle %}{{ "Modification du mot de passe"|trans|raw }} - {{ companyName }}{% endblock %}
{% block metaRobots %}noindex{% endblock %}

{% block stylesheets %}
    {{ parent() }}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
{% endblock %}

{% block body %}

    <div class="bg-secondary container-fluid">
        <div class="row">
            <div class="container mt-5 mb-5">
                <h1 class="mb-0 text-center mt-4 mb-4">{{ "Modidication de votre mote de passe"|trans|raw }}</h1>
            </div>
        </div>
    </div>

    <div class="container-fluid mb-5">
        <div class="row">
            <div class="col-md-4 offset-md-4">

                <h2 class="mb-4">{{ "Modification du mot de passe"|trans|raw }}</h2>


                {{ form_start(form, {'attr': {"id": "password-confirm-form", "novalidate": "novalidate", 'class': 'security'}}) }}

                    <div class="row">
                        {{ form_row(form.plainPassword) }}
                    </div>

                    {{ form_rest(form) }}
                    {{ form_errors(form) }}

                    {% include "security/includes/recaptcha-fields.html.twig" %}

                    {% include "front/" ~ websiteTemplate ~ "/include/flashbag.html.twig" %}
                    {% include 'front/' ~ websiteTemplate ~ '/include/alert.html.twig' with {"alert": 'info', "message": "Votre mot de passe doit comporter au moins 8 caractères, contenir au moins un chiffre, une majuscule et une minuscule."} only %}

                    <div class="form-group">
                        <button id="submit"
                                name="submit"
                                type="submit"
                                class="btn btn-info btn-block text-uppercase waves-effect waves-light"
                                data-toggle="preloader">{{ 'Enregistrer'|trans|raw }}</button>
                    </div>

                {{ form_end(form) }}

            </div>
        </div>
    </div>

{% endblock %}