const form = document.getElementById('sample_request');
    form.addEventListener('submit', function (event) {
        event.preventDefault();

        emailjs.init('XH5qnz_AaUl-8UxVk');

        // Get the checked values of the checkboxes
        let selectedCompanies1 = [];
        let checkboxes1 = document.getElementsByName('question1');
        for (let i = 0; i < checkboxes1.length; i++) {
            if (checkboxes1[i].checked) {
                selectedCompanies1.push(checkboxes1[i].value);
            }
        }

        let selectedCompanies2 = [];
        let checkboxes2 = document.getElementsByName('question2');
        for (let i = 0; i < checkboxes2.length; i++) {
            // 속성중에 체크 된 항목이 있을 경우
            if (checkboxes2[i].checked == true) {
                selectedCompanies2.push(checkboxes2[i].value);
            }
        }


        let selectedCompanies3 = [];
        let checkboxes3 = document.getElementsByName('question3');
        for (let i = 0; i < checkboxes3.length; i++) {
            if (checkboxes3[i].checked) {
                selectedCompanies3.push(checkboxes3[i].value);
            }
        }


        let selectedCompanies4 = [];
        let checkboxes4 = document.getElementsByName('question4');
        for (let i = 0; i < checkboxes4.length; i++) {
            if (checkboxes4[i].checked) {
                selectedCompanies4.push(checkboxes4[i].value);
            }
        }


        let selectedCompanies5 = [];
        let checkboxes5 = document.getElementsByName('question5');
        for (let i = 0; i < checkboxes5.length; i++) {
            if (checkboxes5[i].checked) {
                selectedCompanies5.push(checkboxes5[i].value);
            }
        }


        let selectedCompanies6 = [];
        let checkboxes6 = document.getElementsByName('question6');
        for (let i = 0; i < checkboxes6.length; i++) {
            if (checkboxes6[i].checked) {
                selectedCompanies6.push(checkboxes6[i].value);
            }
        }


        let selectedCompanies7 = [];
        let checkboxes7 = document.getElementsByName('question7');
        for (let i = 0; i < checkboxes7.length; i++) {
            if (checkboxes7[i].checked) {
                selectedCompanies7.push(checkboxes7[i].value);
            }
        }


        let selectedCompanies8 = [];
        let checkboxes8 = document.getElementsByName('question8');
        for (let i = 0; i < checkboxes8.length; i++) {
            if (checkboxes8[i].checked) {
                selectedCompanies8.push(checkboxes8[i].value);
            }
        }


        let selectedCompanies9 = [];
        let checkboxes9 = document.getElementsByName('question9');
        for (let i = 0; i < checkboxes9.length; i++) {
            if (checkboxes9[i].checked) {
                selectedCompanies9.push(checkboxes9[i].value);
            }
        }

        const notice = document.getElementById("notice");
        if (notice.checked) {
            const value = notice.value;
            if (notice.checked == false) {
                alert('체크하셔야 합니다.');
                return false;
            }
        }

        const templateParams = {
            name: form.elements['name'].value,
            phone: form.elements['phone'].value,
            email: form.elements['email'].value,
             reason: form.elements['reason'].value,
            question1: selectedCompanies1.join(', '),
            question2: selectedCompanies2.join(', '),
            question3: selectedCompanies3.join(', '),
            question4: selectedCompanies4.join(', '),
            question5: selectedCompanies5.join(', '),
            question6: selectedCompanies6.join(', '),
            question7: selectedCompanies7.join(', '),
            question8: selectedCompanies8.join(', '),
            question9: selectedCompanies9.join(', '),
            company: form.elements['company'].value,
            position: form.elements['position'].value,
            notice: form.elements['notice'].checked
        };

        emailjs.send('service_upxmnkw', 'template_dbrm2sf', templateParams)
            .then(function (response) {
                document.querySelector('#sample_confirm').style.display = 'block';
                document.querySelector('#sample_confirm .closebtn span').addEventListener('click', function () {
                    document.querySelector('#sample_confirm').style.display = 'none';
                });
                console.log('SUCCESS!', response.status, response.text);
                setTimeout(function () {
                    document.querySelector('#sample_confirm').style.display = 'none';
                }, 5000);
                document.querySelector('#sample_request').reset();
            }, function (error) {
                console.log('FAILED...', error);
            });
    });