window.addEventListener('load', function(){

	// Login
	const loginForm = document.getElementById('loginForm')
	const loginBtn = document.getElementById('loginBtn');

	let loginId = document.getElementById('loginId');
	let loginPw = document.getElementById('loginPw');

	if(loginForm){
		loginBtn.addEventListener('click', function(){
			if(loginId.value === ""){
				alert('아이디를 입력해주세요.');
				return false;
			}

			if(loginPw.value === ""){
				alert('비밀번호를 입력해주세요.');
				return false;
			}

			if(confirm("로그인 하시겠습니까?")){
				const formData = new FormData(document.forms[0]);
				$.ajax({
					type:"POST",
					url: "./proc/proc.php",
					processData: false,
					contentType: false,
					data:formData,
					success: function(data){
						alert(data.message);
					  if(data.result==='YES'){
						location.href = "/";
					  }
					},
					err: function(err){
						console.log("err:", err)
					}
				})
			  }

			// 조건문 전부 충족 메인으로 이동
			// location.href = "/";
		});
	}



	// Join
	// Join Agreement
	const joinAgree = document.getElementById('joinAgree');
	const joinNextBtn = document.getElementById('joinNextBtn');

	let agreeCheck = document.getElementById('agreeCheck');
	let termsCheck = document.getElementById('termsCheck');

	if(joinAgree){
		joinNextBtn.addEventListener('click', function(){
			// if(agreeCheck.checked === false || termsCheck.checked === false){
			// 	alert('모든 약관에 동의 해주세요.');
			// 	return false;
			// }
			
			// 조건문 충족
			window.location.href = "join_form.php";
		});
	}


	// Join Form
	const joinForm = document.getElementById('joinForm');
	const joinConfirmBtn = document.getElementById('joinConfirmBtn');


	let memberId = document.getElementById('memberId');
	let memberPw = document.getElementById('memberPw');
	let memberPwConfirm = document.getElementById('memberPwConfirm');
	let memberName = document.getElementById('memberName');
	let memberTel = document.getElementById('memberTel');
	let memberEmail01 =  document.getElementById('memberEmail01');
	let memberEmail02 =  document.getElementById('memberEmail02');
	let idMsg = document.getElementById('idMsg');
	let pwMsg = document.getElementById('pwMsg');
	let pwdCheck = false;
	let idCheck = false;
	let duplicateCheck = false;


	if(joinForm){
		// 아이디 입력후 중복체크 버튼 클릭시 중복 여부 얼랏창이 나타납니다.
		// err-msg 는 잘못된 값을 작성할 경우 on 클래스가 추가됩니다. [기본은 on 클래스가 없습니다.]
		// err-msg 내용을 입력값에 따라 다르게 노출 시켜야 합니다.

		// memberId 입력시 입력 값이 존재 할 경우 , memberId 입력시 조건문을 벗어 났을 경우
		// memberPw, memberPwConfirm 입력 값이 다를 경우, memberPw, memberPwConfirm 입력시 조건문을 벗어 났을 경우

		// memberTel 본인인증을 해야만 조건문이 클리어 되어야 합니다.

		$("#memberId").keyup(function() {
			const regex = /^[a-zA-Z0-9]{6,19}$/;
			const id = $("#memberId").val();
			duplicateCheck = false;

			if(regex.test(id)){
				idMsg.classList.remove('on');
				idCheck = true;
			} else {
				idMsg.classList.add('on');
				idCheck = false;
			}
		})

		$("#memberPw").keyup(function() {
			const regex = /^[a-zA-Z0-9]{8,15}$/;
			const pwd = $("#memberPw").val();

			if(regex.test(pwd)) {
				pwMsg.classList.remove('on');
				pwdCheck = true;
			} else {
				pwMsg.classList.add('on');
				pwdCheck = false;
			}
		})

		$("#idCheckBtn").click(function() {
			if(!idCheck) {
				alert("아이디를 규칙에 맞게 입력해주세요.");
				return false;
			} else {
				const id = $("#memberId").val();
				const formData = new FormData();
				formData.append("mode", "idCheck");
				formData.append("id", id);
				$.ajax({
					type:"POST",
					url: "./proc/proc.php",
					processData: false,
					contentType: false,
					data:formData,
					success: function(data){
						alert(data.message);
						if(data.result==='YES'){
							duplicateCheck = true;
						} else {
							duplicateCheck = false;
						}
					},
					err: function(err){
						console.log("err:", err)
					}
				})
			}
		})

		joinConfirmBtn.addEventListener('click', function(){
			if(memberId.value === ""){
				alert('아이디를 입력해주세요.');
				return false;
			}
			if(!idCheck) {
				alert('아이디를 규칙에 맞게 입력해주세요.');
				return false;
			}

			if(!duplicateCheck) {
				alert('아이디 중복확인을 해주세요.');
				return false;
			}

			if(memberPw.value === ""){
				alert('비밀번호를 입력해주세요.');
				return false;
			}

			if(memberPwConfirm.value === ""){
				alert('비밀번호를 입력해주세요.');
				return false;
			}

			if(memberPw.value !== memberPwConfirm.value) {
				alert("비밀번호를 확인해주세요");
				return false;
			}

			if(!pwdCheck) {
				alert('비밀번호 규칙에 맞게 입력해주세요.');
				return false;
			}

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

			// if(memberTel.value === ""){
			// 	alert('본인인증을 해주세요.');
			// 	return false;
			// }

			// if(memberTel.value === ""){
			// 	alert('휴대폰번호를 입력해주세요.');
			// 	return false;
			// }

			if(memberEmail01.value === "") {
				alert('이메일을 입력해 주세요.')
				return false;
			}
			
			if(memberEmail02.value === "") {
				alert('이메일을 입력해 주세요.')
				return false;
			}

			if(confirm("가입하시겠습니까?")){
				const formData = new FormData(document.forms[0]);
				$.ajax({
					type:"POST",
					url: "./proc/proc.php",
					processData: false,
					contentType: false,
					data:formData,
					success: function(data){
						alert(data.message);
					  if(data.result==='YES'){
						window.location.href = "join_complete.php";		
					  }
					},
					err: function(err){
						console.log("err:", err)
					}
				})
			  }

			// 조건문 충족
			// window.location.href = "join_complete.php";
		});
	}


	// Find
	// Find Id
	const findForm = document.getElementById('findForm');
	const findIdBtn = document.getElementById('findIdBtn');
	const findPwBtn = document.getElementById('findPwBtn');
	const pwChangeBtn = document.getElementById('pwChangeBtn');


	if(findForm){
		// Find Id Event
		if(findIdBtn){
			findIdBtn.addEventListener('click', function(){

				const formData = new FormData($("#findForm")[0]);
				formData.append("mode", "findId");
				$.ajax({
					type:"POST",
					url: "./proc/proc.php",
					processData: false,
					contentType: false,
					data:formData,
					success: function(data){
					  if(data.result==='YES'){
						window.location.href = "find_id_ok.php?id="+data.return_data.data;
					  } else {
						alert(data.message);
					  }
					},
					err: function(err){
						console.log("err:", err)
					}
				})

				// 조건문 충족
				// window.location.href = "find_id_ok.php";
			});
		}

		// Find Pw Event
		if(findPwBtn){
			findPwBtn.addEventListener('click', function(){

				const formData = new FormData($("#findForm")[0]);
				formData.append("mode", "findPwd");
				$.ajax({
					type:"POST",
					url: "./proc/proc.php",
					processData: false,
					contentType: false,
					data:formData,
					success: function(data){
					  if(data.result==='YES'){
						const form = document.createElement('form');
						form.method = "post";
						form.action = "./find_pw_ok.php";
						
						const idInput = document.createElement("input");
						idInput.type = "text";
						idInput.id = "id";
						idInput.name = "id";
						idInput.value = data.return_data.data;

						form.appendChild(idInput);

						document.body.appendChild(form);
						form.submit();
						document.body.removeChild(form);

						// window.location.href = "find_pw_ok.php";
					  } else {
						alert(data.message);
					  }
					},
					err: function(err){
						console.log("err:", err)
					}
				})
				
				// 조건문 충족
				// window.location.href = "find_pw_ok.php";
			});
		}

		// Pw Change Event
		if(pwChangeBtn){
			alert("Your password has been changed.");
			pwChangeBtn.addEventListener('click', function(){
				const regex = /^[a-zA-Z0-9]{8,15}$/;
				const pwd = $("#memberNewPw").val();
	
				if(pwd === ""){
					alert('비밀번호를 입력해주세요.');
					return false;
				}
	
				if($("#memberConfirmPw").val() === ""){
					alert('비밀번호를 입력해주세요.');
					return false;
				}

				if(pwd !== $("#memberConfirmPw").val()) {
					alert("비밀번호를 확인해주세요");
					return false;
				}
	
				if(!regex.test(pwd)) {
					alert('Please use only English uppercase/lowercase letters and numbers, 8 to 16 characters long.');
					return false;
				}

	
				if(confirm("변경하시겠습니까?")){
					const formData = new FormData($("#findForm")[0]);
					formData.append("mode", "changePwd");
					$.ajax({
						type:"POST",
						url: "./proc/proc.php",
						processData: false,
						contentType: false,
						data:formData,
						success: function(data){
							alert(data.message);
						  if(data.result==='YES'){
							window.location.href = "login.php";
						  }
						},
						err: function(err){
							console.log("err:", err)
						}
					})
				  }

				// 조건문 충족
				// window.location.href = "login.php";
			});
		}
	}

}, false);