{% extends "base_login_page.html" %}
{% block content %}

<div>
    <p>You need to validate a second factor to complete your login.</p>

    {% for factor in user.get_distinct_factors_types() %}
    <!-- We can ask to force 2FA, because once we are here, it means 2FA is required anyway... -->
    <a class="btn btn-primary btn-lg" href="{{ factor.login_url(p.redirect_uri, true) }}"
       style="width: 100%; display: flex;">
        <img src="{{ factor.type_image() }}" alt="Factor icon" style="margin-right: 1em;"/>
        <div style="text-align: left;">
            {{ factor.type_str() }} <br/>
            <small style="font-size: 0.7em;">{{ factor.description_str() }}</small>
        </div>
    </a>
    <br/>
    {% endfor %}
</div>


<div style="margin-top: 10px;">
    <a href="/logout">Sign out</a>
</div>


{% endblock content %}