{% extends 'layouts/layouts_front/base_front.html.twig' %}
{% block stylesheets %}
{# <link rel="stylesheet preload" as="style" media="screen" href="{{ asset('css_ecommerce/ecommerce.css') }}"> #}
<link rel="stylesheet preload" as="style" media="screen" href="{{ asset('css/customer_account.css') }}">
{% endblock %}
{% if app.request.locale == 'fr' %}
{% set titleAff = "Mot de passe oublié" %}
{% set metaDescr = "Mot de passe oublié sur le site de "~nomDuSite %}
{% else %}
{% set titleAff = "Forgot my password" %}
{% set metaDescr = "Forgot my password on the "~nomDuSite~" website" %}
{% endif %}
{% set titleAff = titleAff|slice(0,34)~" | "~nomDuSite %}
{% block metaDescription %}{{ metaDescr }}{% endblock %}
{% block metaDescriptionOg %}{{ metaDescr }}{% endblock %}
{% block keywords %}{% endblock %}
{% block title %}{{ titleAff }}{% endblock %}
{% block titleOg %}{{ titleAff }}{% endblock %}
{% block content %}
<div class="motdepasseOublier">
{{ include('@main-app/front/front_customer_account/header.html.twig') }}
<div class="containerWave">
<div class="headerWaveCustomers"></div>
</div>
{{ include('@main-app/front/front_customer_account/nav_ariane.html.twig') }}
<div class="container d-flex justify-content-center blocmdpOublie">
<div id="page_commandes" class="mt-4 p-4 containerMdpForgot">
<div>
<article>
{{ form_start(form, {'attr': {'id': 'forgot', 'class': 'd-flex flex-column justify-content-center align-items-center', 'action': path('front_forgotten_password') }}) }}
<h4>Mot de passe oublié ?</h4>
<div class="form-group">
{{ form_widget(form.email, {'attr': {'class': 'form-control', 'placeholder': 'Votre adresse e-mail'}}) }}
</div>
<div class="form-group">
{{ form_widget(form.envoyer, {'attr': {'class': 'loginBtn btn'}}) }}
</div>
{{ form_end(form) }}
</article>
</div>
</div>
</div>
<div class="montainBottom"></div>
</div>
{% endblock %}
{% block javascripts %}
<script rel="preload" as="script" src="{{ asset('js/parallax.js') }}"></script>
{% endblock %}