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

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

{% block maincolumn_content %}

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

    <p>We’ve sent you a text message with a security code.</p>

    <form autocomplete="off" method="post">
      {{ textbox(
        form.sms_code,
        width='5em',
        autofocus=True
      ) }}
      {{ page_footer(
        "Continue",
        secondary_link=url_for('main.check_and_resend_text_code'),
        secondary_link_text='Not received a text message?'
      ) }}
    </form>
  </div>
</div>

{% endblock %}
