{% extends "admin_template.html" %}

{% block page_title %}
GOV.UK Notify | Confirm email address and mobile number
{% endblock %}

{% block fullwidth_content %}

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

		<p>We've sent you confirmation codes by email and text message. You need to enter both codes here.</p>

		<form  autocomplete="off" action="" method="post">
			{{ form.hidden_tag() }}
			<p>
			<label class="form-label">Email confirmation code</label>
				{{ form.email_code(class="form-control-1-4", autocomplete="off") }}<br>
			<span class="font-xsmall"><a href="email-not-received">I haven't received an email</a></span>
			</p>
			<p>
			<label class="form-label">Text message confirmation code</label>
				{{ form.sms_code(class="form-control-1-4", autocomplete="off") }} <br>
			<span class="font-xsmall"><a href="text-not-received">I haven't received a text</a></span>
			</p>

			<p>
			<button class="button" href="add-service" role="button">Continue</button>
			</p>
		</form>
	</div>
</div>

{% endblock %}