{% extends 'base.html.twig' %}
{% block title %}{{ 'register.form.title'|trans }}{% endblock %}
{% block body %}
<div class="container-fluid align-self-center py-3">
<div class="row">
<div class="col-lg-6 offset-lg-3 bg-light py-3">
<h1 class="text-center">Inscription</h1>
<p class="text-center"><em>Attention ! Vous ne pourrez accéder au site qu'une fois que votre inscription sera validé par l'administrateur.</em></p>
<p class="text-center">Remplissez le formulaire suivant :</p>
{{ form_start(form) }}
<div class="row">
<div class="form-group">
{{ form_label(form.name, 'Nom', {'label_attr': {'class': 'form-label'}}) }}
{{ form_widget(form.name, {'attr': {'class': 'form-control'}}) }}
</div>
<div class="form-group">
{{ form_label(form.surname, 'Prénom', {'label_attr': {'class': 'form-label'}}) }}
{{ form_widget(form.surname, {'attr': {'class': 'form-control'}}) }}
</div>
<div class="form-group">
{{ form_label(form.email, 'Email', {'label_attr': {'class': 'form-label'}}) }}
{{ form_widget(form.email, {'attr': {'class': 'form-control'}}) }}
</div>
<div class="form-group">
{{ form_row(form.password, {'attr': {'class': 'form-control'}}) }}
</div>
<div class="form-group">
{{ form_label(form.comment, 'Comment avez-vous connu ce site ?', {'label_attr': {'class': 'form-label'}}) }}
<p style="font-size: 12px"><em>Max 150 caractères</em></p>
{{ form_widget(form.comment, {'attr': {'class': 'form-control', 'id': 'comment-field'}}) }}
<div id="char-count-info" class="char-count-info"></div>
{{ form_errors(form.comment) }}
<div id="char-count-info" class="char-count-info"></div>
</div>
<span class="obligationText">Champs obligatoire *</span>
<div class="lienAuthenticationForm" style="text-align: right;">
<a href="{{ path('app_login') }}"><i class="fa-solid fa-arrow-rotate-left" style="font-size:20px"></i> {{ 'forgot.reset.login'|trans }}</a>
</div>
<div class="form-submit">
<button>
{{ 'register.form.submit'|trans }}
</button>
</div>
</div>
{{ form_end(form) }}
</div>
</div>
</div>
{% endblock %}