{% extends "themes/" + sysSettings.systemTheme + "/layout.html" %}
{% from "security/_macros.html" import render_field_with_errors, render_field %}

{% block head %}
<title>{{sysSettings.siteName}} - Two-Factor Authentication</title>
{% endblock %}

{% block body %}
    <div class="container">
        <div class="row">
            <div class="col-sm-9 col-md-7 col-lg-7 mx-auto">
                <div class="card my-5 shadow text-left">
                    <h5 class="card-header text-white bg-dark mb-3">
                        {{ _fsdomain("Two-factor Authentication") }}
                    </h5>
                    <div class="card-body text-left">
                        <h4>{{ _fsdomain("Please enter your authentication code") }}</h4>
                        <form method="POST" action="{{ url_for_security('two_factor_token_validation') }}" name="two_factor_verify_code_form">
                            <div class="mt-2">
                                {{ two_factor_verify_code_form.hidden_tag() }}
                                {{ render_field_with_errors(two_factor_verify_code_form.code, class="form-control") }}
                                {{ render_field(two_factor_verify_code_form.submit) }}
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}