(function(){
const form = document.querySelector("#form");
const formTitle = document.querySelector("#e-title");
const formName = document.querySelector("#e-name");
const formPhone = document.querySelector("#e-phone");
const formMessage = document.querySelector("#e-contents");
const formPolicy = document.querySelector("#e-policy");
const formSubmit = document.querySelector("#e-submit");

form.addEventListener("submit", function (e) {
    e.preventDefault();
    resetBlank();
    if (!formTitle.value) {
        formTitle.classList.add("blankArea");
        alert("Á¦¸ñÀ» ÀÛ¼ºÇØÁÖ¼¼¿ä.");
        return;
    } else if (!formName.value) {
        formName.classList.add("blankArea");
        alert("À̸§À» ÀÛ¼ºÇØÁÖ¼¼¿ä.");
        return;
    } else if (!formPhone.value) {
        formPhone.classList.add("blankArea");
        alert("ÀüÈ­¹øÈ£¸¦ ÀÛ¼ºÇØÁÖ¼¼¿ä.");
        return;
    } else if (!formMessage.value) {
        formMessage.classList.add("blankArea");
        alert("³»¿ëÀ» ÀÛ¼ºÇØÁÖ¼¼¿ä.");
        return;
    } else if (!formPolicy.checked) {
        alert("°³ÀÎÁ¤º¸ 󸮹æħ¿¡ µ¿ÀÇÇØÁÖ¼¼¿ä.");
        return;
    } else {
        formSubmit.value = "Àü¼ÛÁß...";
        const serviceID = "default_service";
        const templateID = "template_cn6zepq";
        emailjs.sendForm(serviceID, templateID, this).then(
            function() {
                formSubmit.value = "Àü¼Û¿Ï·á";
                alert("Àü¼Û¿Ï·áµÇ¾ú½À´Ï´Ù.");
            },
            function(err) {
                formSubmit.value = "Àü¼Û¿Ï·á";
                alert(JSON.stringify(err));
            }
        );
    }
});
function resetBlank() {
    const blankArea = document.querySelectorAll(".blankArea");
    if (blankArea) {
        for (i = 0; i < blankArea.length; i++) {
            blankArea[i].classList.remove("blankArea");
        }
    }
}
})();