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

{% block title %}{{ 'admin.recovery_codes.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.title'|trans }}</h1>
                {% for label, messages in app.flashes %}
                    {% for message in messages %}
                        <div class="alert alert-{{ label == 'error' ? 'danger' : (label == 'info' ? 'info' : 'success') }}">{{ message }}</div>
                    {% endfor %}
                {% endfor %}
                <div class="alert alert-warning">{{ 'admin.recovery_codes.intro_warning'|trans }}</div>
                <p class="text-muted">{{ 'admin.recovery_codes.intro'|trans }}</p>
                <form method="post" action="{{ path('admin_recovery_codes_generate') }}">
                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('recovery_codes_generate') }}">
                    <button type="submit" class="btn btn-primary">{{ 'admin.recovery_codes.generate'|trans }}</button>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}