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

{% block per_page_title %}
  Check your phone
{% endblock %}

{% block maincolumn_content %}

<div class="grid-row">
  <div class="grid-col-8">
    <h1 class="font-body-2xl margin-bottom-3">Check your phone</h1>

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

    {% call form_wrapper(class="extra-tracking") %}
      {{ form.sms_code(param_extensions={
          "classes": "width-card",
          "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 %}