{% trans_default_domain 'uniweb-auth' %}

{#<h4 class="mb-4">{{ 'auth.twoFactorSetup.title'|trans }}</h4>#}

<p>{{ 'configureSecondFactor2'|trans({}, 'auth') }}</p>

{% for type, methods in methodsByType %}

    <div class="card card-border-color card-border-color card-border-color-success mt-2">
        <div class="card-header">
            {{ ('auth.twoFactorSetup.section.' ~ type)|trans }}
        </div>

        <div class="card-body p-0">
            <table class="table table-striped table-hover mb-0">
                <thead class="thead-light">
                <tr>
                    <th></th>
                    <th>{{ 'auth.twoFactorSetup.heading.enabled'|trans }}</th>
{#                    <th>{{ 'auth.twoFactorSetup.section.' ~ type|trans }}</th>#}
                    <th class="text-right">{{ 'auth.twoFactorSetup.heading.actions'|trans }}</th>
                </tr>
                </thead>

                <tbody>
                {% for method in methods %}
                    <tr>
                        <td>
                            {{ method.translation|trans }}
                        </td>

                        <td style="width: 120px;">
                            {% if method.enabled %}
                                <span class="badge badge-success rounded-pill">
                                    {{ 'auth.twoFactorSetup.enabled.yes'|trans }}
                                </span>
                            {% else %}
                                <span class="badge badge-secondary rounded-pill">
                                    {{ 'auth.twoFactorSetup.enabled.no'|trans }}
                                </span>
                            {% endif %}
                        </td>

                        <td class="text-right">
                            {% if method.enabled %}
                                {% if method.key != 'email_token' %}
                                    <a href="{{ path('auth_setup_2fa', {method: method.key, _locale: app.request.locale}) }}"
                                       class="btn btn-sm btn-outline-primary rounded-pill">
                                        <i class="zmdi zmdi-edit"></i>
                                        {{ 'auth.twoFactorSetup.action.update'|trans }}
                                    </a>
                                {% endif %}

                                <a href="{{ path('auth_setup_2fa', {method: method.key, action: 'disable', _locale: app.request.locale}) }}"
                                   class="btn btn-sm btn-outline-danger ml-2 rounded-pill">
                                    <i class="zmdi zmdi-close"></i>
                                    {{ 'auth.twoFactorSetup.action.disable'|trans }}
                                </a>
                            {% else %}
                                <a href="{{ path('auth_setup_2fa', {method: method.key, action: 'enable', _locale: app.request.locale}) }}"
                                   class="btn btn-sm btn-primary rounded-pill">
                                    <i class="zmdi zmdi-check"></i>
                                    {{ 'auth.twoFactorSetup.action.enable'|trans }}
                                </a>
                            {% endif %}
                        </td>
                    </tr>
                {% endfor %}
                </tbody>

            </table>
        </div>
    </div>

{% endfor %}