{% 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|striptags }} - {{ 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">{{ "Mot de passe oublié ?"|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-request-form", "novalidate": "novalidate", 'class': 'security'}}) }}

                {% include 'front/' ~ websiteTemplate ~ '/include/alert.html.twig' with {"alert": 'info', "message": "Entrez votre adresse email et vous recevrez un lien par email vous permettant de changer votre mot de passe."|trans|raw} only %}

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

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

                {% include "front/" ~ websiteTemplate ~ "/include/flashbag.html.twig" %}

                <div class="form-group text-center">
                    <button id="submit"
                            name="submit"
                            type="submit"
                            class="btn btn-outline-secondary btn-block text-uppercase waves-effect waves-light"
                            data-toggle="preloader">{{ 'Envoyer'|trans|raw }}</button>
                    <a href="{{ path("security_front_login") }}" class="text-dark d-inline-block mt-2 preloader">
                        <i class="fal fa-reply mr-2"></i>{{ 'Retourner à la page de connexion'|trans|raw }}
                    </a>
                </div>

                {{ form_end(form) }}

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

{% endblock %}