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

{% block title %}S'inscrire
{% endblock %}

{% block body %}
	<h1 class="text-center">
		<i class="fa-solid fa-user-plus"></i>
		S'inscrire
	</h1>

	{{ form_start(registrationForm) }}
	{{ form_errors(registrationForm) }}

	{{ form_row(registrationForm.nickname) }}
	{{ form_row(registrationForm.email) }}
	{{ form_row(registrationForm.plainPassword) }}

	{# Checklist mot de passe réutilisable #}
	{% include '_partials/_password-checklist.html.twig' with { 'form': registrationForm.plainPassword } %}

	<div class="agree-terms">
		{{ form_widget(registrationForm.agreeTerms) }}
		{{ form_label(registrationForm.agreeTerms) }}
	</div>

	<p class="deja-inscrit">Déjà inscrit ? Connectez-vous
		<a href="{{ path('app_login') }}">ici</a>
	</p>

	<button type="submit" class="btn btn-primary">
		<i class="fa-solid fa-user-plus"></i>
		S'inscrire
	</button>

	{{ form_end(registrationForm) }}
{% endblock %}

{% block stylesheets %}
	<link rel="stylesheet" href="{{ asset('assets/css/form.css') }}">
{% endblock %}

{% block javascripts %}
	<script type="module" src="{{ asset('assets/js/password-check.js') }}"></script>
{% endblock %}