{% extends "layouts/default" %}
{% block content %}
    <script>
        function showLoginForm() {
            var form = document.getElementById('signinform');
            form.style.display = 'block';
            var nick = document.getElementById('nickinput');
            nick.focus();
            return false;
        }
        function ready(fn) {
            if (document.readyState != 'loading') {
                fn();
            } else {
                document.addEventListener('DOMContentLoaded', fn);
            }
        }
        ready(function() {
            var params = new URLSearchParams(window.location.search);
            if (params.has('error')) {
                showLoginForm();
            }
        });
    </script>
    <div id="signup">
        {{ i18n("messages","label.register") }}:
        <div id="facebook"><a href="/_fblogin" rel="nofollow">Facebook</a></div>
        <div id="vk"><a href="/_vklogin" rel="nofollow">ВКонтакте</a></div>
        <div id="tg">
            <script async src="https://telegram.org/js/telegram-widget.js?21" data-telegram-login="{{ tgBot }}"
                data-size="medium" data-radius="0" data-auth-url="https://{{ domain }}/_tglogin"
                data-request-access="write"></script>
        </div>
        <div id="apple">
            <a href="/_apple" rel="nofollow"></a>
        </div>
    </div>
    <div id="signin">
        <a href="#" onclick="return showLoginForm();">
            {{ i18n("messages","question.areRegistered") }}
        </a>
        <div id="signinform">
            <form action="/login" method="POST">
                <p class="err">{{ authErrorMessage | default('') }}</p>
                <input class="txt" type="text" name="username" placeholder='{{ i18n("messages","label.username") }}'
                    id="nickinput" autocomplete="username" />
                <input class="txt" type="password" name="password"
                    placeholder='{{ i18n("messages","label.password") }}' autocomplete="current-password" />
                <input class="submit" type="submit" value="OK" />
            </form>
        </div>
    </div>
{% endblock %}
{% block "column" %}
{% include "views/partial/homecolumn" %}
{% endblock %}