{% extends "withoutnav_template.html" %}
{% from "components/textbox.html" import textbox %}
{% from "components/page-footer.html" import page_footer %}

{% block page_title %}
  Text verification – GOV.UK Notify
{% endblock %}

{% block maincolumn_content %}

<div class="grid-row">
  <div class="column-two-thirds">
    <h1 class="heading-large">Text verification</h1>

    <p>We've sent you a text message with a verification code.</p>

    <form autocomplete="off" method="post">
      {{ textbox(
        form.sms_code,
        width='5em',
        autofocus=True,
        help_link=url_for('.verification_code_not_received'),
        help_link_text='I haven’t received a text message'
      ) }}
      {{ page_footer(
        "Continue"
      ) }}
    </form>
  </div>
</div>

{% endblock %}