{# Wiederherstellungscode beim 2FA-Login – gleiches Theme wie TOTP #}
{% extends get_theme_base_template() %}

{% block base_title %}{{ 'admin.two_factor.recovery_login_title'|trans }}{% endblock %}

{% block base_content %}
{{ parent() }}
<div class="container mt-5">
    <div class="row justify-content-center">
        <div class="col-md-6 col-lg-5">
            <h2 class="text-center mb-3">{{ 'admin.two_factor.recovery_login_title'|trans }}</h2>
            <div class="alert alert-warning small">{{ 'admin.two_factor.recovery_login_warning'|trans }}</div>
            <p class="text-muted text-center small">{{ 'admin.two_factor.recovery_login_subtitle'|trans }}</p>

            {% if authenticationError %}
                <div class="alert alert-danger">{{ authenticationError|trans(authenticationErrorData, 'SchebTwoFactorBundle') }}</div>
            {% endif %}

            {% if availableTwoFactorProviders|length > 1 %}
                <p class="mb-3">{{ 'choose_provider'|trans({}, 'SchebTwoFactorBundle') }}:
                    {% for provider in availableTwoFactorProviders %}
                        <a href="{{ path('2fa_login', {'preferProvider': provider}) }}">{{ ('admin.two_factor.provider_' ~ provider)|trans }}</a>{% if not loop.last %} | {% endif %}
                    {% endfor %}
                </p>
            {% endif %}

            <form class="card card-body shadow-sm" action="{{ checkPathUrl ? checkPathUrl : path(checkPathRoute) }}" method="post">
                <div class="mb-3">
                    <label for="_auth_code" class="form-label">{{ 'admin.two_factor.recovery_code_label'|trans }}</label>
                    <input
                        id="_auth_code"
                        class="form-control form-control-lg text-center font-monospace"
                        type="text"
                        name="{{ authCodeParameterName }}"
                        autocomplete="off"
                        spellcheck="false"
                        autocapitalize="characters"
                        maxlength="64"
                        autofocus
                        required
                    />
                </div>

                {% if displayTrustedOption %}
                    <div class="mb-3 form-check">
                        <input id="_trusted" type="checkbox" name="{{ trustedParameterName }}" class="form-check-input" />
                        <label for="_trusted" class="form-check-label">{{ 'trusted'|trans({}, 'SchebTwoFactorBundle') }}</label>
                    </div>
                {% endif %}

                {% if isCsrfProtectionEnabled %}
                    <input type="hidden" name="{{ csrfParameterName }}" value="{{ csrf_token(csrfTokenId) }}">
                {% endif %}

                <button type="submit" class="btn btn-primary w-100">{{ 'login'|trans({}, 'SchebTwoFactorBundle') }}</button>
            </form>

            <p class="text-center mt-3 mb-0">
                <a href="{{ logoutPath }}">{{ 'cancel'|trans({}, 'SchebTwoFactorBundle') }}</a>
            </p>
        </div>
    </div>
</div>
{% endblock %}