{% extends '/front/account/form_layout.html.twig' %}
{% trans_default_domain 'front' %}
{% set page_title = 'lost_password.page_title'|trans %}
{% set step_title = 'lost_password.step1.step_title'|trans %}
{% block form %}
{{ form_start(form) }}
<fieldset>
<legend class="etape"><span>{{ step_title }}</span></legend>
<div class="row justify-content-center">
<div class="col-sm-8 col-md-6 col-lg-4">
<div class="form-group">
<label for="lost_password_email" class="required">
{{ 'lost_password.step1.form.email.label'|trans }}
<button type="button" class="btn-modal" data-toggle="modal" data-target="#passwordModal">
<i class="fa fa-info-circle help-modal" aria-hidden="true"></i>
</button>
</label>
{{ form_widget(form.email) }}
<div class="modal fade modal-info" id="passwordModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="{{ 'accessibility.close'|trans }}">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<i class="fa fa-info-circle" aria-hidden="true"></i>
{{ 'lost_password.step1.form.email.help'|trans }}
</div>
</div>
</div>
</div>
</div>
{% include 'front/form/required_information.html.twig' %}
{{ form_row(form.captcha) }}
<div class="form-group submit">
<button class="btn btn-primary btn-block picto-left" type="submit">
<i class="fleche-cercle-blanc" aria-hidden="true"></i>
{{ 'lost_password.step1.form.submit'|trans }}
</button>
</div>
</div>
</div>
</fieldset>
{{ form_end(form) }}
{% endblock form %}