{% extends '@Admin/base.html.twig' %}

{% block title %}
    {{ '_LOGIN_AUTHENTICATION_SENT_EMAIL_'|trans({},'admin')|raw }}
{% endblock %}
{% block body %}
    {% if authenticationError %}
        <div class="alert alert-danger">
            {{ authenticationError|trans(authenticationErrorData, 'SchebTwoFactorBundle') }}
        </div>
    {% endif %}

    {# Let the user select the authentication method #}
    <p>{{ "choose_provider"|trans({}, 'SchebTwoFactorBundle') }}:
        {% for provider in availableTwoFactorProviders %}
            <a href="{{ path("2fa_login", {"preferProvider": provider}) }}">{{ provider }}</a>
        {% endfor %}
    </p>

    {# Display current two-factor provider #}
    <p class="label"><label for="_auth_code">{{ "auth_code"|trans({}, 'SchebTwoFactorBundle') }} {{ twoFactorProvider }}:</label></p>

    <form class="form" action="{{ checkPathUrl ? checkPathUrl: path(checkPathRoute) }}" method="post">
        <div class="form-group">
            <label for="_auth_code">{{ "_CODE_"|trans({},'admin')|raw }}</label>
            <input id="_auth_code" type="text" name="{{ authCodeParameterName }}" autocomplete="one-time-code" autofocus class="form-control" utocomplete="off" />
        </div>

        {% if displayTrustedOption %}
            <p class="widget"><label for="_trusted"><input id="_trusted" type="checkbox" name="{{ trustedParameterName }}" /> {{ "trusted"|trans({}, 'SchebTwoFactorBundle') }}</label></p>
        {% endif %}
        {% if isCsrfProtectionEnabled %}
            <input type="hidden" name="{{ csrfParameterName }}" value="{{ csrf_token(csrfTokenId) }}">
        {% endif %}
        <button type="submit" class="btn btn-info">{{ "_SUBMIT_"|trans }}</button>
        <button class="btn btn-primary send-code-sms">Send sms <span class="resend-counter hidden">20</span></button>
    </form>

    {# The logout link gives the user a way out if they can't complete two-factor authentication #}
    <p class="cancel"><a href="{{ logoutPath }}">{{ "cancel"|trans({}, 'SchebTwoFactorBundle') }}</a></p>

{% endblock %}