{% extends 'shared/login_layout.html.twig' %}
{% block title %} {% endblock %}
{% block content %}
<section class="row flexbox-container">
<div class="col-xl-8 col-11 d-flex justify-content-center">
<div class="card bg-authentication rounded-0 mb-0 bg-danger">
<div class="row m-0">
<div class="col-lg-6 d-lg-block d-none text-center align-self-center px-0 py-0">
<img src="../../../app-assets/images/pages/login.png" alt="branding logo">
</div>
<div class="col-lg-6 col-12 p-0">
<div class="card rounded-0 mb-0 px-2 py-1">
{% for message in app.flashes('success') %}
<div class="alert alert-info text-center font-weight-bold">
{{ message }}
</div>
{% endfor %}
<div class="card-header pb-1">
<div class="card-title">
<h4 class="text-danger font-weight-bold">{{ 'recover.password.title'|trans }}</h4>
</div>
</div>
<p class="text-dark font-weight-bold px-2 mb-0">{{ 'recover.password.message.email'|trans }}</p>
<div class="card-content">
<div class="card-body">
{{ form_start(form) }}
<div class="form-label-group">
{{ form_row(form.professionalEmail) }}
</div>
<div class="float-md-left d-block mb-1">
<a href="{{ path('app_login') }}"
class="btn btn-outline-danger font-weight-bold btn-block px-75">{{ 'back.login'|trans }}</a>
</div>
<div class="float-md-right d-block mb-1">
<button type="submit"
class="btn bg-danger font-weight-bold btn-block px-75">{{ 'recover.password'|trans }}</button>
</div>
{{ form_end(form) }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}