{% extends 'base_main.html' %}

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

{% block body %}
    <div class="center">
        <center>
        <div class="col-6">
            <div>
                <h1>Platform</h1>
            </div>
            <div>
                <form method="POST">
                    <p id="message" style="color: red;"></p>
                    {% csrf_token %}
                    <input type="text" class="form-control" name="username" id="username" placeholder="username"><br>
                    <input type="password" class="form-control" name="password" placeholder="пароль"><br>
                    <button type="submit" id="enter" class="sub btn btn-dark form">Вход</button>
                </form>
            </div>
            или войти с помощью<br><br>
            <a href="https://oauth.vk.com/authorize?client_id=8123759&redirect_uri=https://platform.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="https://oauth.yandex.ru/authorize?response_type=code&client_id=38f1906e99de4810bd79828f420ba885&redirect_uri=https://platform.sprinthub.ru/yandex_auth"><img style="width: 40px; height: 40px; margin-left: 10px;" src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/58/Yandex_icon.svg/2048px-Yandex_icon.svg.png"></a>
        </div>
        </center>
    </div>
{% endblock %}