{% extends "base.html" %}
{% block title %}Two-factor check - RadiusForge{% endblock %}
{% block content %}
    <section class="rf-auth-card">
        <h1>Two-factor check</h1>
        <p>Enter the current 6-digit code from your authenticator app for <strong>{{ username }}</strong>,
           or one of your recovery codes.</p>
        {% if error %}<p class="errorlist">{{ error }}</p>{% endif %}
        <form method="post">
            {% csrf_token %}
            <label for="code">Code or recovery code</label>
            <input type="text" id="code" name="code" autocomplete="one-time-code" autofocus>
            <button type="submit" class="rf-button-wide">Verify</button>
        </form>
    </section>
{% endblock %}