{% extends 'base.html.twig' %}

{% block title %}Formulaire d'inscription
{% endblock %}

{% block body %}

	<div class="container">
		<div class="row vh-100 mt-4">
			<div class="col">

				<h1 class='h3 text-dark'>Pour vous inscrire, merci de remplir le formulaire ci-dessous</h1>
				{% form_theme registrationForm with ['form_div_layout.html.twig'] only %}

				{{ form_start(registrationForm, {attr: {'novalidate': 'novalidate'}}) }}

				{{ form_label(registrationForm.email,'Votre adresse de courriel',{'label_attr': {'class': 'form-label my-2'}}) }}
				{{ form_widget(registrationForm.email,{'attr': {'class': 'form-control'}}) }}
				<div class="form-error">{{ form_errors(registrationForm.email) }}</div>

				{{ form_label(registrationForm.plainPassword,'Votre mot de passe',{'label_attr': {'class': 'form-label my-2'}}) }}
				{{ form_widget(registrationForm.plainPassword,{'attr': {'class': 'form-control'}}) }}
				<div class="form-error">{{ form_errors(registrationForm.plainPassword) }}</div>

				<div class="form-check my-2 col-4">
					{{ form_widget(registrationForm.RGPD,{'attr': {'class': 'form-check-input'}}) }}
					<div class="form-error">{{ form_errors(registrationForm.RGPD) }}</div>
					{{ form_label(registrationForm.RGPD,"Merci d'accepter nos conditions d'utilisation",{'label_attr': {'class': 'form-check-label'}}) }}
				</div>
			</div>
			<div class="row">
				<div class="col-md-6">
					<button type="submit" class="btn btn-primary my-4">M'inscrire</button>
				</div>
				<div class="col-6 my-4">
					<p>Merci de vous connecter si vous êtes déjà inscrit</p>
					<a class='btn btn-secondary mb-4' href="{{path('app_login')}}">Me connecter</a>
				</div>
			</div>
			{{ form_end(registrationForm) }}
		</div>
	</div>
{% endblock %}