window.addEventListener('load', function(){
  const submitBtn = document.getElementById('submitBtn');

  // 고객센터
  let agreeViewBtn = document.getElementById('agreeViewBtn');

  let modal = document.querySelector('.form-modal');
  let bak = document.querySelector('.modal-bak');

  agreeViewBtn.addEventListener('click', function(){
    modal.classList.add('open');
  })

  bak.addEventListener('click', function(){
    modal.classList.remove('open');
  });

  submitBtn.addEventListener('click' , function(e){
    // 기본 이벤트 제거
    e.preventDefault();

    let name = document.getElementById('name');
    let tel = document.getElementById('tel');
    let subject = document.getElementById('subject');
    let detail = document.getElementById('detail');

    let agree = document.getElementById('agreeChk');

    if(name.value === ""){
      alert('이름을 입력해주세요.');
      name.focus();
      return false;
    }

    if(tel.value === ""){
      alert('연락처를 입력해주세요.');
      tel.focus();
      return false;
    }

    if(subject.value === ""){
      alert('제목을 입력해주세요.');
      subject.focus();
      return false;
    }

    if(detail.value === ""){
      alert('문의내용을 입력해주세요.');
      detail.focus();
      return false;
    }

    if(agree.checked === false){
      alert('개인정보처리방침에 동의해주세요.');
      agree.focus();
      return false;
    }

    if (confirm("등록하시겠습니까?")) {
      //if (confirm("Would you like to submit?")) {
      const formData = new FormData(document.querySelector("#inquiryForm"));
      $.ajax({
        type:"POST",
        url: "proc/inquiry.php",
        async:false,
        processData: false,
        contentType: false,
        data: formData,
        success: function(data){
          //alert(data.message);
          if(data.result==='YES'){
            alert('문의가 정상적으로 처리되었습니다.');
            location.reload(true);
          } else {
            alert(data.message);
            return false;
          }
        },
        err: function(err){
          console.log("err:", err)
        }
      })
      //alert("registered");
      // location.replace("/");
    }



  })
}, false);