{% extends "base.html" %}
{% from "components/components/button/macro.njk" import usaButton %}

{% block per_page_title %}
  Resend security code
{% endblock %}

{% block maincolumn_content %}

<div class="grid-row">
  <div class="grid-col-8">
    <h1 class="font-body-2xl margin-bottom-3">Resend security code</h1>

    <p>Text messages sometimes take a few minutes to arrive. If you do not receive a security code, Notify can send you a new one.</p>
    <p>
      {{ usaButton({
        "element": "a",
        "text": "Resend security code",
        "href": url_for('main.check_and_resend_verification_code', next=redirect_url)
      }) }}
    </p>

    <h2 class="font-body-lg">If your mobile number has changed</h2>
    <p>You’ll need to:</p>
    <ul class="usa-list usa-list--bullet">
      <li>find a member of your team who has permission to manage settings, team and usage</li>
      <li>ask them to change the mobile number for your account</li>
      <li>select <span class="usa-body bold">Resend security code</span></li>
    </ul>
  </div>
</div>
  </div>
</div>

{% endblock %}