{% extends 'base.html' %}

{% load static %}

{% block title %}Вход{% endblock %}

{% block body %}
    <div class="center">
        <center>
            <div>
                <table><tr><td><img style="height: 80px; width: 80px;" src="{% static 'assets/img/brand/dark.svg' %}" /></td><td><h1>Sprint</h1></td></tr></table>
            </div>
            <div>
                <form method="POST">
                    <p id="message" style="color: red;"></p>
                    {% csrf_token %}
                    <input type="text" class="form" name="username" id="username" placeholder="Имя пользователя или email"><br>
                    <input type="password" class="form" name="password" placeholder="пароль"><br>
                    <input type="hidden" id="state" value="code">
                    <button type="submit" id="enter" class="sub btn btn-dark form">Вход</button>
                </form>
            </div>
            <div>
                <a href="/register" class="sub btn btn-dark form">Регистрация</a>
            </div><br>
            или войти с помощью<br><br>
            <a href="https://oauth.vk.com/authorize?client_id=8123759&redirect_uri=http://dev.sprinthub.ru/vk_auth&display=page&response_type=token&v=5.59"><img style="width: 40px; height: 40px;" src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f3/VK_Compact_Logo_%282021-present%29.svg/1200px-VK_Compact_Logo_%282021-present%29.svg.png"></a>
            <a href="/telegram_enter"><img style="width: 40px; height: 40px; margin-left: 10px;" src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/82/Telegram_logo.svg/640px-Telegram_logo.svg.png"></a>
        </center>
    </div>
{% endblock %}