{% extends "base.html" %}
{% block title %}{{ t('setup_mfa') }} | {{ app_name }}{% endblock %}
{% block content %}
    <section class="panel narrow-panel">
        <div class="panel-header">
            <h1>{{ t('setup_mfa') }}</h1>
            <p>Enable email-based MFA. A 6-digit one-time code was sent to {{ delivery_email }}.</p>
        </div>
        <form method="post" class="form-grid">
            {{ form.hidden_tag() }}
            <label>{{ form.password.label }} {{ form.password(class="input") }}</label>
            <label>{{ form.code.label }} {{ form.code(class="input", inputmode="numeric", autocomplete="one-time-code") }}</label>
            {{ form.submit(class="button") }}
        </form>
        <form method="post" action="{{ url_for('auth.resend_profile_mfa_code', purpose='enable') }}" class="inline-form">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            <button type="submit" class="button button-secondary">Resend Code / إعادة إرسال الرمز</button>
        </form>
    </section>
{% endblock %}