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

<div class="twofas-login-form-container twofas-admin">
    <form method="post" action="{{ login_url }}" id="loginform" class="twofas-login-form">
        <label for="twofas-code">
            Enter your 2FAS token:
        </label>

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

        <div class="remember-container">
            <div class="column">
                <input type="checkbox" name="twofas_remember_device" id="twofas_remember_device" {{ remember_device ? 'checked' : '' }} />
            </div>
            <div class="column">
                <label class="twofas-remember-device-label" for="twofas_remember_device">Next time don't ask me for the token<br />on this device.</label>
            </div>
        </div>
        <div>
            {% include "login/authentication_hidden_inputs.html.twig" %}

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

        {% if has_mobile_user %}
            {{ url.create_form_nonce(constant('TwoFAS\\TwoFAS\\Http\\Route::ACTION_AUTHENTICATE_CHANNEL')) | raw }}

            <input type="hidden" id="pusher-session-id" name="pusher_session_id" value="{{ pusher_session_id }}" />
            <input type="hidden" id="integration-id" name="integration_id" value="{{ integration_id }}" />
            <input type="hidden" id="status-id" name="status_id" value="" />
            <input type="hidden" id="totp-token" name="totp_token" value="" />

            <div class="sockets">
                <i class="icon icon-tokens"></i>

                <div class="token-setup play">
                    <div class="loading-dot"></div>
                    <div class="loading-dot"></div>
                    <div class="loading-dot"></div>
                    <div class="loading-dot"></div>
                    <div class="loading-dot"></div>
                    <div class="loading-dot"></div>
                </div>

                <div class="token-loading">
                    <div class="loading-dot"></div>
                    <div class="loading-dot"></div>
                    <div class="loading-dot"></div>
                    <div class="loading-dot"></div>
                    <div class="loading-dot"></div>
                    <div class="loading-dot"></div>
                </div>
                <i class="icon icon-padlock"></i>
            </div>
        {% endif %}

        <div class="submit">
            <input type="submit" name="wp-submit" id="wp-submit" class="button button-primary button-large" value="Log In" />
        </div>
    </form>

    <div class="twofas-login-nav">
        {% if (offline_codes_count > 0 and are_offline_codes_enabled) or is_sms_enabled %}
            <p>Can't use your 2FAS token?</p>
        {% endif %}

        <div class="twofas-login-nav-wrapper">
            <div class="twofas-table-wrapper">
                <div class="twofas-login-nav-message">
                    {% if offline_codes_count > 0 and are_offline_codes_enabled %}
                        <form method="post" action="{{ login_url }}" class="twofas-login-nav-form">
                            <div>
                                {% include "login/authentication_hidden_inputs.html.twig" %}
                                <input type="hidden" name="twofas_action" value="{{ actions['log_in_with_backup_code'] }}" />
                            </div>

                            <input type="submit" class="button-link" value="Insert your one-time backup code" />
                        </form>
                    {% endif %}

                    {% if is_sms_enabled %}
                        <form method="post" action="{{ login_url }}" class="twofas-login-nav-form">
                            <div>
                                {% include "login/authentication_hidden_inputs.html.twig" %}

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

                            <input type="submit" class="button-link" value="Request backup code via SMS" />
                        </form>
                    {% endif %}

                    <form action="{{ login_url }}" method="post" class="twofas-login-nav-form">
                        <div>
                            {% if interim_login %}
                                <input type="hidden" name="interim-login" value="{{ interim_login }}" />
                            {% endif %}
                            <input type="hidden" name="twofas_action" value="{{ actions['stop_login_process'] }}" />
                        </div>
                        <input type="submit" class="button-link" value="Log in to another account" />
                    </form>
                </div>
            </div>
        </div>
    </div>

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

{{ login_footer() }}