{% extends 'base.html.twig' %}
{% block body %}
<div class="container-fluid">
<div class="main-content">
<div class="login-container">
<div class="row">
<div class="col-12 col-lg-6">
<div class="panel panel-large">
<div class="panel-header">
<h1 class="">Adhésion à la Retraite Mutualiste du Combattant</h1>
<div class="title">Mot de passe oublié</div>
<div class="description">Indiquez votre email pour réinitialiser votre mot de passe.</div>
</div>
<div class="panel-body">
{{ form_start(requestForm) }}
{% for flashError in app.flashes('reset_password_error') %}
<div class="alert alert-danger" role="alert">{{ flashError }}</div>
{% endfor %}
{% if app.user %}
<div class="mb-3 text-center">
Vous êtes connecté en tant que : {{ app.user.username }}, peut-être que ce compte n'a pas encore de droit d'utilisation. <br/> <br/> <a href="{{ path('app_logout') }}">Se déconnecter</a>
</div>
{% else %}
<div class="form">
<div class="form-group">
<div class="input-group">
<label>{{ form_label ( requestForm.email) }}</label>
{{ form_widget ( requestForm.email, {attr: {'class': "form-control" }} ) }}
</div>
<div class="help-block with-errors"></div>
</div>
<div class="form-group login-submit">
{{ form_widget(requestForm.save) }}
</div>
</div>
{% endif %}
{{ form_end(requestForm) }}
</div>
</div>
</div>
<div class="col-12 col-lg-6 d-none d-lg-flex">
<div class="image">
<img src="{{ asset('img/image-connexion-mutuelle.png') }}" alt="connexion">
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script>
$( document ).ready(function() {
$('form').validator();
});
</script>
{% endblock %}