{% extends "admin_template.html" %}

{% block page_title %}
GOV.UK Notify | Create an account
{% endblock %}

{% block fullwidth_content %}

<div class="grid-row">
	<div class="column-two-thirds">
		<h1 class="heading-xlarge">Create an account</h1>

		<p>If you've used GOV.UK Notify before, <a href="{{ url_for('.sign_in') }}">sign in to your account</a>.</p>

   		<form autocomplete="off" action="" method="post">
			{{ form.hidden_tag() }}

			{{ render_field(form.name, class='form-control-2-3') }}
			{{ render_field(form.email_address, class='form-control-2-3') }}
			<span class="font-xsmall">Your email address must end in .gov.uk</span>
			{{ render_field(form.mobile_number, class='form-control-2-3') }}
			{{ render_field(form.password, class='form-control-2-3') }}
			<span class="font-xsmall">Your password must have at least 10 characters</span></label>
			<p>
			<button class="button" role="button">Continue</button>
			</p>
		</form>
	</div>
</div>

{% endblock %}