{% extends 'users/settings/base_settings.html' %}
{% load allauth %}
{% load crispy_forms_tags %}

{% block content_settings %}
<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <!-- Configure 2FA configuration -->

        <!-- Deactivate 2FA account-->
        <div class="col-lg-12 col-md-12 col-sm-12">
            {% if "totp" in MFA_SUPPORTED_TYPES %}
                <h3>Two-Factor Authentication</h3>
                {% if authenticators.totp %}
                    <p>
                        Authentication using an authenticator app is active.
                    </p>
                {% else %}
                    <p>
                        An authenticator app is not active.
                    </p>
                {% endif %}

                {% url 'mfa_deactivate_totp' as deactivate_url %}
                {% url 'mfa_activate_totp' as activate_url %}
                {% if authenticators.totp %}
                    <a href="{{ deactivate_url }}" class="btn btn-danger">Deactivate</a>
                {% else %}
                    <a href="{{ activate_url }}" class="btn btn-success">Activate</a>
                {% endif %}
            {% endif %}

            {% if "recovery_codes" in MFA_SUPPORTED_TYPES %}
                {% with total_count=authenticators.recovery_codes.generate_codes|length unused_count=authenticators.recovery_codes.get_unused_codes|length %}
                    <h3>Recovery Codes</h3>
                    {% if authenticators.recovery_codes %}
                        <p>There is {{ unused_count }} out of {{ total_count }} recovery codes available</p>
                    {% else %}
                        <p>No recovery codes set up.</p>
                    {% endif %}

                    {% if is_mfa_enabled %}
                        {% if authenticators.recovery_codes %}
                            {% if unused_count > 0 %}
                                {% url 'mfa_view_recovery_codes' as view_url %}
                                <a href="{{ view_url }}" class="btn btn-primary">View</a>&nbsp;
                            {% endif %}
                        {% endif %}

                        {% url 'mfa_generate_recovery_codes' as generate_url %}
                        <a href="{{ generate_url }}" class="btn btn-danger">Generate</a>
                    {% endif %}
                {% endwith %}
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}