{% extends "base.html" %}

{% block title %} tamako::auth {% endblock %}

{% block head %}
<script>
    const auth = async () => {
        let secret = document.getElementById("secret").value;

        let res = await fetch("/api/auth", {
            method: "POST",
            headers: {
                "token": secret,
            },
        })

        if (res.ok) {
            document.cookie = `token=${secret};`;
            localStorage.setItem("token", secret);
            window.location.href = "/";
        }
        else {
            notyf.error(await res.text());
        }
    };

    const logout = () => {
        document.cookie = "token=;";
        localStorage.removeItem("token");
        window.location.href = "/";
    };
</script>
{% endblock %}

{% block body %}
<section>
    <h4>auth</h4>
    <div>
        <input type="password" id="secret" placeholder="secret" size="30" maxlength="280" />
    </div>
    <button onclick="auth()">auth</button>
    <button onclick="logout()">logout</button>
</section>
<br />
{% endblock %}