{% extends 'layout_security.html.twig' %}
{% block content %}
<div class="col-md-6 contents">
<div class="row justify-content-end">
<div class="col-md-10 ">
<div class="mb-3 title ">
<h3>S'inscrire</h3>
{% for flash_error in app.flashes('ErreurRegistration') %}
<div class="message title alert alert-danger">{{ flash_error }}</div>
{% endfor %}
<div class="message title alert alert-danger" style="display:none" id="msgError">le Mot de passe doit contenir 8 caractères minimum,un caractère majuscule,un caractère miniscule et un caractère spécial !</div>
</div>
{{ form_start(registrationForm, {'attr': {'id': 'registration_form'}}) }}
<div class="form-group first">
{{ form_widget(registrationForm.email) }}
<i class="input-icon uil fa fa-envelope"></i>
</div>
<div class="mb-4"></div>
<div class="form-group last mb-3">
{{ form_widget(registrationForm.plainPassword) }}
<i class="input-icon uil fa fa-lock"></i>
</div>
<div class="form-group last mb-3">
{{ form_widget(registrationForm.confirmpassword) }}
<i class="input-icon uil fa fa-lock"></i>
</div>
<div class="g-recaptcha mt-2" data-sitekey="6Ld9LGofAAAAANick85CmDgDR2D8ZjOILIs7qqjp"></div>
<div class="btn-form mt-5">
<a href="{{ path('login') }}" class="btn second-btn"> {% trans %} Se connecter {% endtrans %} </a>
<button class="btn btn-primary ml-auto main-btn" type="submit">{% trans %} S'inscrire {% endtrans %} </button>
</div>
{{ form_end(registrationForm) }}
</div>
</div>
</div>
{% endblock content %}