{% extends 'auth/master.twig' %}

{% block content %}
    <form class="auth-login" method="post" action="/login/tfa/totp">
        <div class="auth-avatar">
            <div class="auth-avatar-image">
                <img src="//flashii.net/assets/avatar/{{ user_info.id }}?res=200" alt="">
            </div>
        </div>

        <div class="auth-fields">
            <label class="auth-input">
                <div class="auth-input-title">
                    Username
                </div>
                <div class="auth-input-value">
                    <input type="text" value="{{ user_info.name }}" readonly>
                </div>
            </label>

            <label class="auth-input">
                <div class="auth-input-title">
                    Authenticator code
                </div>
                <div class="auth-input-value">
                    <input type="text" name="code" value="" maxlength="6" inputmode="numeric" placeholder="------">
                </div>
            </label>
        </div>

        <div class="auth-buttons">
            <input type="submit" value="Next" class="auth-button auth-button-primary">
            <a href="/login/tfa" class="auth-button">Back</a>
        </div>
    </form>
{% endblock %}