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

{% block per_page_title %}
  Text verification
{% endblock %}

{% block maincolumn_content %}

<div class="govuk-grid-row">
  <div class="govuk-grid-column-two-thirds">
    <h1 class="heading-large">Check your phone</h1>

    <p class="govuk-body">We’ve sent you a text message with a security code.</p>

    {% call form_wrapper(class="extra-tracking") %}
      {{ form.sms_code(param_extensions={
          "classes": "govuk-input govuk-input--width-5",
          "attributes": {"data-module": "autofocus"}
      }) }}
      {{ page_footer(
        "Continue",
        secondary_link=url_for('main.check_and_resend_text_code', next=redirect_url),
        secondary_link_text='Not received a text message?'
      ) }}
    {% endcall %}
  </div>
</div>

{% endblock %}