<!DOCTYPE html>
<html lang="ru">
    {% include 'utils/_head.html' %}
<body>
    {% include 'utils/_header.html' %}
    <div class="container" style="max-width:70%; justify-content: space-between;min-width: 40rem; flex-wrap: nowrap">
        <div class="profile">
            <h2 class="header" style="text-align:left">Ваш Профиль:</h2>
            <p class="simpletext" style="text-align:left">Логин: <span class="context">admin</span></p>
            <p class="simpletext" style="text-align:left">Почта: <span class="context">supercooladmin@coders-squad.com</span></p>
            <p class="simpletext" style="text-align:left">О себе:</p>
            <p class="mono" style="text-align:left">Я самый надёжный и крутой админ в мире.<span class="hidden">{{ flag }}</span><br/>ВЫДЕЛИ МЕНЯ! </p>
        </div>
        <div class="flag-input ">
            <h3 class="header" style="text-align:left">Введите ответ:</h3>
            <form action="/web/success_login-sqltask" method="post" class="simpletext">
                <input class="inpt" type="text" name="user_flag" style="width: 100%; height: 1.25rem; margin: 0">
                <input type="submit" value="Submit" class="btn1" style="margin-top: 1.25rem">
        </div>
    </div>
    {% include 'utils/_websidenav.html' %}

    {% if error %}
        <div id="error"> <p>{{ error }}</p> </div>
    {% elif success_flag %}
        <div class="task-done">
            <h1 class="header">Вы прошли задание!</h1>
            <img class="done" src="{{ url_for('static', filename='imgs/done_icon.png') }}">
            <a href="{{ url_for('web') }}" class="usable-context" style="text-align: canter; margin: 1rem; padding: 1rem;"> < Вернуться к заданиям > </a>
        </div>
    {% else %}
        <div id="success"> <p>Вход произведён успешно!</p> </div>
    {% endif %}


</body>
</html>

