{% extends '_base_only_content.html' %}
{% load static %}
{% load i18n %}

{% block title %}
    {% trans 'MFA' %}
{% endblock %}

{% block content %}
    <form class="m-t" role="form" method="post" action="">
        {% csrf_token %}
        {% if 'otp_code' in form.errors %}
            <p class="red-fonts">{{ form.otp_code.errors.as_text }}</p>
        {% endif %}
        <div class="form-group">
            <select class="form-control">
                <option value="otp" selected>{% trans 'One-time password' %}</option>
            </select>
        </div>
        <div class="form-group">
            <input type="text" class="form-control" name="otp_code" placeholder="" required="" autofocus="autofocus">
            <span class="help-block">
                {% trans 'Open MFA Authenticator and enter the 6-bit dynamic code' %}
            </span>
        </div>
        <button type="submit" class="btn btn-primary block full-width m-b">{% trans 'Next' %}</button>

        <div>
            <small>{% trans "Can't provide security? Please contact the administrator!" %}</small>
        </div>
    </form>
{% endblock %}
