{% extends '/front/account/form_layout.html.twig' %}
{% trans_default_domain 'front' %}
{% set page_title = 'lost_email.page_title'|trans %}
{% set step_title = 'lost_email.step1.step_title'|trans %}
{% block form %}
{{ form_start(form) }}
<fieldset>
<legend class="etape">
<span>{{ 'lost_email.label_step'|trans }} <span class="counter"><span>1</span>/2</span></span>
</legend>
<div class="row justify-content-center">
<div class="col-md-8">
<div class="form-group">
<p class="scp-info"><i class="fa fa-info-circle" aria-hidden="true"></i>{{ 'lost_email.step1.form.help'|trans }}</p>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-sm-8 col-md-6 col-lg-4">
<div class="form-group">
{{ form_label(form.connexionId) }}
<button type="button" class="btn-modal" data-toggle="modal" data-target="#connexionIDModal">
<i class="fa fa-info-circle help-modal" aria-hidden="true"></i>
</button>
{{ form_widget(form.connexionId) }}
<div class="modal fade modal-info" id="connexionIDModal" 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>
{{ 'account_creation.step1.form.connexion_id.help.more.html'|trans|raw }}
</div>
</div>
</div>
</div>
</div>
<div class="form-group">
{{ form_label(form.customerNumber) }}
<button type="button" class="btn-modal" data-toggle="modal" data-target="#numClientModal">
<i class="fa fa-info-circle help-modal" aria-hidden="true"></i>
</button>
{{ form_widget(form.customerNumber) }}
<div class="modal fade modal-info" id="numClientModal" 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>
{{ 'account_creation.step1.form.customer_number.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>
{{ 'account_creation.step1.form.submit'|trans }}
</button>
</div>
</div>
</div>
</fieldset>
{{ form_end(form) }}
{% endblock form %}