{% extends "base.html" %}
{% block body_class %}login-page{% endblock %}
{% block content %}
<div class="login-box">
    <div class="login-brand">
        <div class="login-brand__img"><img src="/service/static/img/favicons/logo_service.png" alt="AegisOne" style="height:48px;width:auto"></div>
        <div class="login-brand__title"><span style="color:#e8edf5">Aegis</span><span style="color:#00ADEF">One</span><span style="color:#e8edf5"> Engineering</span></div>
        <div class="login-brand__subtitle">Service Portal</div>
    </div>
    <div class="login-divider"></div>
    <h1>Вход в сервисный портал</h1>
    {% if error %}
    <div class="alert alert-error">{{ error }}</div>
    {% endif %}
    <form method="post">
        <div class="form-group">
            <label for="login">Логин</label>
            <input type="text" id="login" name="login" placeholder="Введите логин" required autocomplete="username" autofocus>
        </div>
        <div class="form-group">
            <label for="password">Пароль</label>
            <input type="password" id="password" name="password" placeholder="Введите пароль" required autocomplete="current-password">
        </div>
        <button type="submit" class="btn btn-primary btn-block">Войти</button>
    </form>
    <p class="login-box__footnote">* Сервисный портал для сотрудников AegisOne Engineering</p>
</div>
{% endblock %}