// register.js
document.addEventListener("DOMContentLoaded", () => {
    const form = document.getElementById("register-form");
    const msgBox = document.getElementById("message");

    form.addEventListener("submit", async (e) => {
        e.preventDefault();

        msgBox.style.display = "none";
        msgBox.className = "message";

        const username = document.getElementById("username").value;
        const password = document.getElementById("password").value;

        try {
            const response = await fetch("/api/register", {
                method: "POST",
                headers: { "Content-Type": "application/json" },
                body: JSON.stringify({ username, password })
            });

            if (!response.ok) {
                const text = await response.text();
                throw new Error(text);
            }

            msgBox.textContent = "Registration successful! Redirecting...";
            msgBox.classList.add("success");
            msgBox.style.display = "block";

            form.querySelector("button").disabled = true;

            setTimeout(() => {
                window.location.href = "/login";
            }, 1500);

        } catch (err) {
            msgBox.textContent = err.message;
            msgBox.classList.add("error");
            msgBox.style.display = "block";
        }
    });
});