{% extends "base" %}
{% block title %}Register a new account - {% endblock title %}
{% block main %}
<form method="post">
	<h2>Register a new account</h2>

	{% if failure %}
	<p class="form-error">No account with this username / password combination.</p>
	{% endif %}

	<div class="fields raised">
		<div>
			<p class="heading"><label for="username">Enter your username</label></p>
			<input type="text" id="username" name="username" maxlength="256" placeholder="Woofer!" required autofocus />
		</div>

		<div>
			<p class="heading"><label for="password">Enter your password (min. 8 characters)</label></p>
			<input type="password" id="password" name="password" placeholder="Keep it secret" minlength="8" />
		</div>

		<div>
			<p class="heading"><label for="email">Optionally, add a recovery e-mail</label></p>
			<input type="email" name="email" id="email" maxlength="254" placeholder="woof@example.com">
			<p>
				This e-mail is fully optional and will only be used if you were to lose your password.
				If you lose your password and haven't set an e-mail, you may still send me an e-mail and we'll see
				together
				to unblock you.
			</p>
		</div>
	</div>

	<input type="checkbox" name="anti_bot" style="display: none">

	<div class="submit fields dual-fields vcenter">
		<div>
			<label class="checkbox" for="inhuman">
				<input type="checkbox" name="inhuman" id="inhuman" required>
				I am not a human
			</label>
		</div>
		<button type="submit" class="submit">Create your account</button>
	</div>
</form>
{% endblock main %}