{% extends 'base.html.twig' %}
{% block body %}
<div class="login">
<div class="container-fluid">
<div class="main-content">
<div class="login-container">
<div class="row">
<div class="col-12 col-lg-5 d-none d-lg-flex">
<div class="image">
<img src="{{ asset('img/image-flavour-vibes.png') }}" alt="connexion">
</div>
</div>
<div class="col-12 col-lg-7">
<div class="row align-items-center h-100">
<div class="col-12">
<div class="panel panel-default">
<div class="panel-header">
<a href="{{ path('home') }}">
<div class="logo text-center">
<img src="{{ asset('img/logo-vertical.png') }}" alt="logo">
</div>
</a>
<h1>I FORGOT MY PASSWORD</h1>
<div class="description text-center">Enter the email address attached to your account, to receive the guidelines to follow in order to reset your password.</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>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script>
$( document ).ready(function() {
$('form').validator();
});
</script>
{% endblock %}