const loginErrorSpan = document.querySelector("#login-error");

document.querySelector("#login").onsubmit = async (event) => {
    event.preventDefault();
    loginErrorSpan.hidden = true;
    const form = new FormData(event.target);
    const body = JSON.stringify({
        username: form.get("username"),
        password: form.get("password"),
    });
    const res = await fetch("/api/login", {
        method: "POST",
        headers: new Headers({ "Content-Type": "application/json" }),
        body,
    }).then((res) => res.json());
    if (!res.ok) {
        loginErrorSpan.innerText = res.msg;
        loginErrorSpan.hidden = false;
        return;
    }
    window.location.pathname = "/";
};