document.getElementById("myForm").addEventListener('submit', async function (e) {
    e.preventDefault();

    const formData = new FormData(e.target);

    /* Log all form data
     for (let [key, value] of formData.entries()) {
     console.log(key + ': ' + value);
     }
     */

    const formObject = Object.fromEntries(formData.entries());
    // console.log('Form object:', formObject);

    try {
        const response = await fetch('/Data/RegPost/Save.html', {
            method: 'POST',
            headers: {"Content-Type": "application/json"},
            body: JSON.stringify(formObject)
        });

        const result = await response.json();

        // Multiple ways to check success
        if (response.status === 200 && result.success === true) {
            console.log('Success:', result);
            document.getElementById("success").classList.remove("hidden");
            document.getElementById("errors").textContent = "";
            document.getElementById("reg").disabled = true;

            //} else if (result.success) {
            //  console.log('Success:', result);
            // } else if (result.error === false) {
            //   console.log('Success:', result);
        } else {
            document.getElementById("errors").textContent = result.errors;
            console.error('Failed:', result);
        }
    } catch (error) {
        document.getElementById("errors").textContent = error;
        console.error('Error:', error);
    }
});