function display_error(message) {
    document.getElementById("error-message").innerHTML = `Error: ${message}`;
    document.getElementById("error").hidden = false;
}

function init() {
    const form = document.getElementById("register-form");
    form.addEventListener("submit", async (e) => {
        e.preventDefault();

        const body = {}
        new FormData(form).forEach((value, key) => body[key] = value);

        try {
            console.log();
            
            const reg_res = await fetch("/user", {
                method: "POST",
                headers: { "Content-Type": "application/json" },
                body: JSON.stringify(body)
            });

            if (!reg_res.ok) {
                const error = await reg_res.json();
                display_error(error.error);
                return;
            }
            
            const log_res = await fetch("/login", {
                method: "POST",
                headers: { "Content-Type": "application/json" },
                credentials: "include",
                body: JSON.stringify(body)
            });

            if (!log_res.ok) {
                const error = await log_res.json();
                display_error(error.error);
                return;
            }

            window.location.href = "index.html";
            
        } catch (err) {
            console.log(err);
            display_error("network error");
        }
    });
}