{% load i18n %}
{% load static %}
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>{{ title }}</title>

    {% include '_head_css_js.html' %}
    <link href="{% static "css/jumpserver.css" %}" rel="stylesheet">
    <script type="text/javascript" src="{% url 'javascript-catalog' %}"></script>
    <script src="{% static "js/jumpserver.js" %}"></script>

</head>

<body class="gray-bg">
    <div class="passwordBox2 animated fadeInDown">
        <div class="row">
            <div class="col-md-12">
                <div class="ibox-content">
                    <div>
                    {% if interface and interface.logo_logout %}
                            <img src="{{ MEDIA_URL }}{{ interface.logo_logout }}" style="margin: auto" width="82" height="82">
                    {% else %}
                        <img src="{% static 'img/logo.png' %}" style="margin: auto" width="82" height="82">
                    {% endif %}

                        <h2 style="display: inline">
                            {% if interface and interface.login_title %}
                                {{ interface.login_title }}
                            {% else %}
                                {% trans 'Welcome to the Jumpserver open source fortress' %}
                            {% endif %}
                        </h2>
                    </div>
                    {% if errors %}
                    <p>
                        <div class="alert alert-danger">
                            {{ errors }}
                        </div>
                    </p>
                    {% endif %}

                    {% if messages %}
                        <p>
                        <div class="alert alert-success" id="messages">
                            {{ messages|safe }}
                        </div>
                    </p>
                    {% endif %}
                    <div class="row">
                        <div class="col-lg-3">
                                <a href="{{ redirect_url }}" class="btn btn-primary block full-width m-b">{% trans 'Return' %}</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <hr/>
        <div class="row">
            <div class="col-md-6">
                {% include '_copyright.html' %}
            </div>
            <div class="col-md-6 text-right">
               <small>2014-2019</small>
            </div>
        </div>
    </div>
</body>
<script>
    var time = '{{ interval }}';
    if (!time){
        time = 5;
    } else {
        time = parseInt(time);
    }
    function redirect_page() {
        if (time >= 0) {
            var messages = '{{ messages|safe }}， <b>' + time +'</b> ...';
            $('#messages').html(messages);
            time--;
            setTimeout(redirect_page, 1000);
        }
        else {
            window.location.href = "{{ redirect_url }}";
        }
    }
    {% if auto_redirect %}
    window.onload = redirect_page;
    {% endif %}
</script>
</html>
