{{ login_header('Enter your token', '', error) }}

<div class="twofas-login-form-container twofas-admin twofas-totp-confirmation-box">
    <form method="post" action="{{ login_url }}" id="loginform" class="twofas-login-form">
        <img src="{{ assets_url }}images/logo_dark_text.png" alt="2FAS Logo">

        <label for="twofas-code">
            Enter your 2FAS token to confirm that you have a configured TOTP:
        </label>

        <input type="text"
               name="twofas_code"
               id="twofas-code"
               class="token-input big white-bg text-placeholder"
               minlength="6"
               maxlength="6"
               pattern="[0-9]{6}"
               autocomplete="off"
               autofocus="autofocus"
               required="required"
               placeholder="Enter the TOTP Token" />

        <div>
            {% include "login/authentication_hidden_inputs.html.twig" %}

            <input type="hidden" name="twofas_action" value="{{ actions['confirm_totp'] }}" />
        </div>

        <input type="submit" name="wp-submit" id="wp-submit" class="twofas-btn action-btn" value="Confirm" />
    </form>

    <a href="#" class="js-open-remove-config-modal">Do you want to reset your 2FA configuration?</a>

    {% include 'modals/error-modal.html.twig' %}
    {% include 'modals/confirmation/remove-config-modal.html.twig' %}
</div>

{{ login_footer() }}