{% extends "two_factor/_base_focus.html" %}
{% load i18n %}

{% block content_wrapper %}
  <main id="content-start" class="vanta-two-factor-shell" tabindex="-1">
    <section class="vanta-two-factor-panel" aria-label="Two-factor authentication">
      <div class="vanta-two-factor-header">
        <div class="vanta-two-factor-brand">
          <span class="vanta-two-factor-brand__mark" aria-hidden="true"></span>
          <span>Vanta Admin</span>
        </div>
        <a href="{% url 'two_factor:profile' %}" class="vanta-two-factor-back-link"><span class="vanta-two-factor-back-link__arrow" aria-hidden="true">&larr;</span><span>{% trans "Back" %}</span></a>
      </div>
      <h1>{% block title %}{% trans "Disable Two-factor Authentication" %}{% endblock %}</h1>
      <p>{% blocktrans trimmed %}You are about to disable two-factor authentication. This
        weakens your account security, are you sure?{% endblocktrans %}</p>
      <form method="post">
        {% csrf_token %}
        <table>{{ form.as_table }}</table>
        <button class="btn btn-danger"
                type="submit">{% trans "Disable" %}</button>
      </form>
    </section>
  </main>
{% endblock %}