{% extends "cloud/base_login.html" %}
{% load i18n %}
{% block main %}
    <div class="zk-login-col">
        <div class="col-md-9 col-md-offset-3">
            {% block logo_box %}
                {{ block.super }}
            {% endblock %}
            <div class="mb-3 card zk-login-card  text-white">
                <div class="card-header border-0 p-0 text-center">
                    <img class="img-responsive" src="{% static 'cloud/static/images/login-curve.svg' %}"
                         alt="login">
                    <div class="curve-text">{% trans "Verification" %}</div>
                </div>
                <div class="card-body p-0">
                    <form class="zk-login-form">
                        <div class="verfication-box mb-3" style="padding: 5em 3em">
                            <div>
                                <p class="text-center opacity-9" id="">{{ content }}</p>
                            </div>
                        </div>
                    </form>
                    <div class="row">
                        <div class="col-md-4 col-md-offset-8 mt-m20">
                            <p class="text-center text-dark"><a href="{% url 'biotime:login' %}"
                                                                class="text-warning text-underline">{% trans "back_to_login" %}</a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock main %}
{% block page_script %}
    <script>
        function user_login() {
            window.location.href = "{% url 'biotime:login' %}";
        }
    </script>
{% endblock page_script %}