{% extends 'Auth/baseAuth2.html.twig' %}

{% block page_title %}Setup Second Factor{% endblock %}

{% block style %}
    {{ parent() }}
    <style>
        body {
            background: #eee;
        }
        .table .thead-light th {
            background-color: rgb(53 168 83);
            color: white;
            border: none;
        }
        .alert-info {
            background-color: rgb(53 168 83);
        }
    </style>
{% endblock %}
{% block html_body %}
    <div class="container">
        <div class="uw-card page-header">
            <h3 class="page-heading">
                {{ 'configureSecondFactor'|trans({}, 'auth') }}
            </h3>
        </div>

        <div class="form-wrap">
            <div class="form-card">
                {{ widget(widget) }}
            </div>
        </div>

        <div class="mt-4 mb-5 px-0 pb-4 d-flex flex-wrap gap-2">
            {% if return_to_setup_methods %}
                <a href="{{ path('auth_setup_2fa', {'method': '', 'action': '', '_locale': app.request.locale}) }}"
                   class="btn btn-outline-primary btn-sm rounded-pill">
                    <i class="zmdi zmdi-settings"></i>
                    {{ 'auth.twoFactorSetup.action.backToOverview'|trans({}, 'uniweb-auth') }}
                </a>
            {% endif %}

            {% if go_to_application %}
                <a href="/app/{{ app.request.locale }}"
                   class="btn btn-outline-primary btn-sm rounded-pill">
                    <i class="icon mdi mdi-home"></i>
                    {{ 'backToApplication'|trans({}, 'auth') }}
                </a>
            {% endif %}

            <a href="{{ path('auth_logout', {'_locale' : app.request.locale }) }}"
               class="btn btn-outline-danger btn-sm rounded-pill ml-auto">
                <i class="icon fas fa-sign-out-alt"></i>
                {{ 'logout'|trans({}, 'navigation') }}
            </a>
        </div>
    </div>
{% endblock %}