{% extends "base/container.html" %}

{% block content %}
<section class="home-pinned-content flex">
	<div>
		<h1>Planète Casio</h1>
		<p>Pourquoi s'inscrire sur Planète Casio ? Parce que c'est cool et qu'ici on peut mettre plein de truc sympas.
			Vous saviez que Planète Casio c'est :
			<ul>
				<li>Presque 10000 membres</li>
				<li>(Bon ok, seulement une vingtaine de vraiments actifs)</li>
				<li>Plein de programmes</li>
				<li>Une multitude de tutos pour mieux comprendre comment fonctionne sa calto</li>
				<li><b>Mais surtout, une communauté au top !</b></li>
			</ul>
			Et oui, ça fait beaucoup, mais bon, je commence à être à court de trucs à écrire ici, donc bon…
		</p>
	</div>
	<div>
		<h1>Inscription :</h1>

		<form action="" method="post">
			{{ form2.hidden_tag() }}
			<div>
				{{ form2.username.label }}
				{{ form2.username() }}
				{% for error in form2.username.errors %}
				<span style="color: red;">[{{ error }}]</span>
				{% endfor %}
			</div>
			<div>
				{{ form2.email.label }}
				{{ form2.email() }}
				{% for error in form2.email.errors %}
				<span style="color: red;">[{{ error }}]</span>
				{% endfor %}
			</div>
			<div>
				{{ form2.password.label }}
				{{ form2.password() }}
				{% for error in form2.password.errors %}
				<span style="color: red;">[{{ error }}]</span>
				{% endfor %}
			</div>
			<div>
				{{ form2.password2.label }}
				{{ form2.password2() }}
				{% for error in form2.password2.errors %}
				<span style="color: red;">[{{ error }}]</span>
				{% endfor %}
			</div>
			<div>{{ form2.submit() }}</div>
		</form>
	</div>
</section>
{% endblock %}