{% extends 'base.html' %}

{% block title %}Авторизация{% endblock %}
{% block header %}{% endblock %}


{% block content %}

<!-- {{ session["jwt"] }} -->

<div class="block">
    <div class="login-wrapper">
        <header>
            <div class="logotype">
                <a class="navbar-brand boost-nav-brand" href="//{{ config.PROJECT_NAME }}">
                    <span
                        style="display:block;color: #E04200;font-size: 40px;font-weight: 600;line-height: 1.2em;font-style: italic;font-family: Montserrat, Geneva, sans-serif;">EvaTeam</span>
                </a>
            </div>
        </header>
        <div class="login">
            <div class="login-content">
                <div id="info-message" style="color:#50a064;font-size:14px;"></div>
                <div id="error-message" style="color:red;font-size:14px;"></div>
                <form id="form" method="POST" action="">
                    <div class="form-group">
                        <label for="login">Электронная почта</label>
                        <input autofocus class="form-control" id="login" name="login" type="email"
                            placeholder="my-company@example.com" title="Введите электронную почту"
                            autocomplete="username" tabindex="1">
                    </div>
                    <div class="form-group">
                        <label id="password-label"><span>Пароль</span>
                            {% if config.AUTH_SERVER_URL == "https://account.evateam.ru" %}
                              <a class="forgot" href="https://{{ config.PROJECT_NAME }}/restore_password/" tabindex="5">Забыли пароль?</a>
                            {% else %}
                              <a class="forgot" href="/auth/restore_password?action=restore_password_form" tabindex="5">Забыли пароль?</a>
                            {% endif %}
                        </label>
                        <input class="form-control" id="password" name="password" type="password"
                            autocomplete="current-password" tabindex="2">
                    </div>
                    <div class="buttons">
                        <button type="submit" class="login-button" tabindex="3">
                            Войти
                        </button>
                        {% if show_register_button %}
                            <a href="/auth/signup" class="register-link" tabindex="4">Зарегистрироваться</a>
                        {% endif %}
                    </div>
            </div>
            </form>
        </div>

    </div>
</div>

{% endblock %}

{% block scripts %}

<script>
    const form = document.getElementById("form")
    const urlParams = new URLSearchParams(window.location.search)
    const restoreResult = urlParams.get("restore")
    const inviteResult = urlParams.get("invite")
    const infoElement = document.getElementById("info-message")
    const errorElement = document.getElementById("error-message")
    const restorePasswordPath = "/auth/restore_password?action=restore_password_form"

    if (restoreResult === "ok") {
        infoElement.innerHTML = "<p>На вашу почту отправлено письмо с новым паролем.</p>"
    } else if (restoreResult === "expired") {
        errorElement.innerHTML = "<p>Ссылка на сброс пароля устарела, пожалуйста <a href='https://www.{{ config.PROJECT_NAME }}/restore_password/'>повторите попытку</a>.</p>"
    } else if (restoreResult === "fail") {
        errorElement.innerHTML = "<p>Возникла ошибка при сбросе пароля. <a href='https://www.{{ config.PROJECT_NAME }}/support/'>Свяжитесь с технической поддержкой</a>.</p>"
    } else if (restoreResult === "wrong") {
        errorElement.innerHTML = "<p>Ссылка на сброс пароля устарела, пожалуйста <a href='https://www.{{ config.PROJECT_NAME }}/restore_password/'>повторите попытку</a>.</p>"
    }

    if (inviteResult === "ok") {
        infoElement.innerHTML = "<p>Вы успешно получили приглашение в EvaTeam.</p>"
    } else if (inviteResult === "expired") {
        errorElement.innerHTML = "<p>К сожалению ссылка с приглашением устарела. Попросите пригласившего отправить новую.</a></p>"
    } else if (inviteResult === "fail") {
        errorElement.innerHTML = "<p>Возникла ошибка при обработке приглашения. <a href='https://www.{{ config.PROJECT_NAME }}/support/'>Свяжитесь с технической поддержкой</a>.</p>"
    }

    form.addEventListener("submit", async function (event) {
        event.preventDefault()
        const loginElement = document.getElementById("login")
        const passwordElement = document.getElementById("password")


        const login = encodeURIComponent(loginElement.value)
        const password = passwordElement.value

        const serverChallengeResponse = await fetch("{{config.AUTH_SERVER_URL}}/auth/signin?action=get_server_challenge&login=" + login)
        if (serverChallengeResponse.status >= 500) {
            errorElement.textContent = 'Ошибка авторизации. Обратитесь в техподдержку.';
            console.error(await serverChallengeResponse.text())
            return;
        } else if (serverChallengeResponse.status >= 400) {
            errorElement.innerHTML = `Неверный логин или пароль. <a style='color: #0099dc;' href=${restorePasswordPath}>Забыли пароль?</a>`;
            console.error(await serverChallengeResponse.text())
            return;
        }
        const serverChallenge = await serverChallengeResponse.text()
        // Не шифруем для внешних систем
        let payload = password;
        if (serverChallenge) {
            const randomLength = 32

            const serverRandom = serverChallenge.slice(0, randomLength * 2)
            const serverTimestamp = serverChallenge.slice(randomLength * 2, randomLength * 2 + 10)
            const serverSalt = hexToArrayBuffer(serverChallenge.slice(randomLength * 2 + 10))

            const clientTimestamp = parseInt(new Date().getTime() / 1000)

            if (clientTimestamp - serverTimestamp > 3600 * 24) {
                alert("Время истекло")
                return
            }

            let clientRandom = window.crypto.getRandomValues(new Uint8Array(randomLength));
            clientRandom = arrayBufferToHexDec(clientRandom)

            let secret = serverRandom + clientRandom + serverTimestamp + login
            // secret = "test1234test123"
            // padding делается автоматом по алгоритму 'pkcs7'

            key = await getKey(password, serverSalt)

            const keyHex = await keyToHex(key)

            const iv = window.crypto.getRandomValues(new Uint8Array(16));

            // const iv = new Uint8Array([0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0])

            let encryptedMessage = await crypto.subtle.encrypt(
                {
                    name: "AES-CBC",
                    iv
                },
                key,
                encode(secret)
            );
            payload = arrayBufferToHexDec(concatTypedArrays(iv, new Uint8Array(encryptedMessage)))
        }


        let res = await post(window.location.href, {
            login,
            challenge_resp: payload,
        })

        if (res.status >= 500) {
            errorElement.textContent = 'Ошибка авторизации. Обратитесь в техподдержку.';
            console.error(await res.text())
            return;
        } else if (res.status >= 400) {
            errorElement.innerHTML = `Неверный логин или пароль. <a style='color: #0099dc;' href='${restorePasswordPath}'>Забыли пароль?</a>`;
            console.error(await res.text())
            return;
        }

        redirectNextUrl("/")

        return false
    })
</script>

{% endblock %}