{% extends "admin/_base.html" %}
{% block content %}
<div class="rio-form-shell">
<header class="rio-page-header">
<nav class="rio-breadcrumbs">
<a href="/admin">Home</a> · <span>Two-factor enabled</span>
</nav>
<h1>Two-factor authentication enabled</h1>
<p class="rio-page-header__lead">
Save these backup codes somewhere safe. Each one can be used exactly
once if you lose access to your authenticator app — and they
<strong>will not be shown again</strong>.
</p>
</header>
<section class="rio-card">
<p class="rio-section__label">Backup codes</p>
<ul class="rio-backup-codes">
{% for code in plain_backup_codes %}
<li><code class="rio-code-block">{{ code }}</code></li>
{% endfor %}
</ul>
<p class="rio-confirm__small">
If you run out of codes you can generate a new batch from your
account settings. Generating a new batch invalidates every code
above.
</p>
<div class="rio-form-actions">
<span class="rio-form-actions-spacer" aria-hidden="true"></span>
<a href="/admin" class="rio-button rio-button--primary">Continue to dashboard</a>
</div>
</section>
</div>
{% endblock %}