{% extends 'administration/base.html.twig' %}

{% block title %}{{ 'admin.recovery_codes.manage_title'|trans }}{% endblock %}

{% block body %}
<div class="container mt-4">
    <div class="row justify-content-center">
        <div class="col-lg-8">
            <div class="admin-card p-4">
                <h1 class="h4 mb-3">{{ 'admin.recovery_codes.manage_title'|trans }}</h1>
                <p class="text-muted">{{ 'admin.recovery_codes.manage_intro'|trans({'%count%': remaining}) }}</p>
                <div class="alert alert-warning">{{ 'admin.recovery_codes.regenerate_warning'|trans }}</div>
                <form method="post" action="{{ path('admin_recovery_codes_generate') }}" onsubmit="return confirm({{ 'admin.recovery_codes.regenerate_confirm'|trans|json_encode|e('html_attr') }});">
                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('recovery_codes_generate') }}">
                    <button type="submit" class="btn btn-outline-primary">{{ 'admin.recovery_codes.regenerate'|trans }}</button>
                </form>
                <p class="mt-3 mb-0">
                    <a href="{{ path('admin_two_factor') }}" class="btn btn-link px-0">{{ 'admin.recovery_codes.back_to_2fa'|trans }}</a>
                </p>
            </div>
        </div>
    </div>
</div>
{% endblock %}