<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<head>
<link rel="stylesheet" href="/publish/css/mem.css">


<script src="/publish/js/content.js"></script>
<script type="text/javascript">
$( document ).ready(function(){

	//비밀번호 안전도 체크
	$("#passwordCheck").on("propertychange change keyup paste input", function() {
	 var pw = $("#passwordCheck").val();
	 var pwCheck = $("#passwordCheck2").val();
	 var num = pw.search(/[0-9]/g);
	 var eng = pw.search(/[a-z]/ig);
	 var spe = pw.search(/[`~!@@#$%^&*|₩₩₩'₩";:₩/?]/gi);
	 
	//영문자, 특수문자, 숫자를 포함한 8자이상 20자이하인지 체크
	 if(num < 0 || eng < 0 ||  spe < 0 || pw.search(/\s/) != -1 || pw.length < 8 || pw.length > 20){
		 $(".password_pass_no").css("display", "");
		 $(".password_pass").css("display", "none");
	 }else{
		 $(".password_pass").css("display", "");
		 $(".password_pass_no").css("display", "none");
	 }		
	 
	 if(pw == ''){
		 $(".password_pass").css("display", "none");
		 $(".password_pass_no").css("display", "none");
	 }
	 //비밀번호 확인 비교
	 if(pwCheck != ''){
			if(pw == pwCheck){
				$(".pwPass").css("display", "");
				$(".pwPass_no").css("display", "none");
			}else{
				$(".pwPass_no").css("display", "");
				$(".pwPass").css("display", "none");
			}		
			
	 }
	});

	//비밀번호 확인 체크
	$("#passwordCheck2").on("propertychange change keyup paste input", function() {
		var pw = $("#passwordCheck").val();
		var pwCheck = $("#passwordCheck2").val();
		if(pw == pwCheck){
			$(".pwPass").css("display", "");
			$(".pwPass_no").css("display", "none");
		}else{
			$(".pwPass_no").css("display", "");
			$(".pwPass").css("display", "none");
		}
		if(pwCheck == ''){
			$(".pwPass").css("display", "none");
			$(".pwPass_no").css("display", "none");
		}
	});

});

function selectUserPW(){
	//비밀번호 체크
	var pw = $("#passwordCheck").val();
	var pwCheck = $("#passwordCheck2").val();
	var numPw = pw.search(/[0-9]/g);
	var engPw = pw.search(/[a-z]/ig);
	var spePw = pw.search(/[`~!@@#$%^&*|₩₩₩'₩";:₩/?]/gi);
	
	if(pw == ''){
		alert("비밀번호는 필수입니다.");
		return false;
	}
	if(pwCheck == ''){
		alert("비밀번호 확인은 필수입니다.");
		return false;
	}
	if(pw != pwCheck){
		alert("비밀번호와 비밀번호 확인이 일치하지 않습니다.");
		return false;
	}
	
	if(numPw < 0 || spePw < 0 || pw.search(/\s/) != -1 || pw.length < 8 || pw.length > 20){
		alert("비밀번호 규칙을 확인해주세요.");
		return false;
	}
	
	var params = $("form[name=modiForm]").serialize();
	
	$.ajax({
		type:"POST"
		, url:"<c:url value='/web/user/updateUserPwAjax.do'/>"
		, data:params
		, dataType:'json'
		, timeout:(1000*30)
		, success:function(data){
			if(data.pwRuleCheck == false){
				alert("비밀번호 규칙을 확인해주세요.");
				return;
			}
			if(data.pwCheck == false ){
				alert("사용한 적 있는 비밀번호 입니다. 다른 비밀번호를 입력해주세요.");
				return;
			}else{
				if(data.used == true ){
					alert("패스워드 수정이 완료 되었습니다.");
					passMissReset();
				}else{
					
					alert("등록되어있는 회원이 없습니다. 다시 확인 부탁드립니다.");
					return;
				}
			}
		},
		error:function(request , status, error){
			alert("중복확인이 실패되었습니다.");
		}
	});
}

function passMissReset(){
	document.modiForm.id.value = document.modiForm.emplyrId.value;
	var params = $("form[name=modiForm]").serialize();
	
	$.ajax({
		type:"POST"
		, url:"<c:url value='/web/user/updatePassMissResetAjax.do'/>"
		, data:params
		, dataType:'json'
		, timeout:(1000*30)
		, success:function(data){
			if(data.result == "success" ){
				loginPage();
			}else{ 
				alert("비밀번호 횟수 초기화에 실패했습니다. 관리자에 문의해주세요.");return;
			} 
		},
		error:function(request , status, error){
			alert("비밀번호 횟수 초기화에 실패했습니다. 관리자에 문의해주세요.");
		}
	});
}

function loginPage(){
	var form = document.searchForm;
	form.action = "<c:url value='/web/user/login/login.do'/>";
	form.submit();
}

</script>
</head>
<form name="modiForm" id="modiForm" method="post" action="#">

	<input type="hidden" name="emplyrId" id="emplyrId" value="<c:out value="${userManageVO.emplyrId}"/>" />
	<input type="hidden" name="emplyrNm" id="emplyrNm" value="<c:out value="${userManageVO.emplyrNm}"/>" />
	<input type="hidden" name="moblphonNo" id="moblphonNo" value="<c:out value="${userManageVO.moblphonNo}"/>" />
	<input type="hidden" name="emailAdres" id="emailAdres" value="<c:out value="${userManageVO.emailAdres}"/>" />
	<input type="hidden" name="checkNo" id="checkNo" value="<c:out value="${userManageVO.checkNo}"/>" />
	<input type="hidden" name="mblDn" id="mblDn" value="<c:out value="${userManageVO.mblDn}"/>"/>
	<input type="hidden" name="id" id="id" value=""/>
	<input type="hidden" name="userSe" id="userSe" value="GNR"/>
	
	
	<div class="inner">
		<div class="send_top">
			<div class="mypage_content current" id="tab5_1">
				<div class="mem_cont_in widthM">
					<!-- 비밀번호 재설정 -->
					<div class="input_list">
						<p class="list_title3 ver3">
							인증이 완료되었습니다.<br> <span class="c_002c9a fwMd">새로운 비밀번호</span>를 입력해주세요.
						</p>
						<div class="input_list">
							<div class="input_list_item">
								<div class="input_left">비밀번호</div>
								<div class="input_right">
									<label for="passwordCheck" class="label">비밀번호 입력</label>
									<input type="password" class="list_inputType1 test" name="password" id="passwordCheck" placeholder="비밀번호는 영문자, 특수문자, 숫자를 조합하여 8자 이상, 20자 이하로 사용해야 합니다." onfocus="this.placeholder = ''" onblur="this.placeholder='비밀번호는 영문자, 특수문자, 숫자를 조합하여 8자 이상, 20자 이하로 사용해야 합니다.'" maxlength="20">
								</div>
								<!-- <div class="list_alert reqest_password" style="display: none;">
									<span>비밀번호는 영문자, 특수문자, 숫자를 조합하여 8자 이상, 20자 이하로 사용해야 합니다.</span>
								</div> -->
								<div class="list_alert password_pass_no" style="display: none;">
									<ul>
										<li><span class="step1"></span></li>
										<li><span class="step2"></span></li>
										<li><span class="step3"></span></li>
									</ul>
									<span>안전도 낮음</span>
								</div>
								<div class="list_alert password_pass" style="display: none;">
									<ul>
										<li><span class="step1"></span></li>
										<li><span class="step2"></span></li>
										<li><span class="step3"></span></li>
									</ul>
									<span>안전함</span>
								</div>
							</div>
							<div class="input_list_item">
								<div class="input_left">비밀번호 확인</div>
								<div class="input_right">
									<label for="passwordCheck2" class="label">비밀번호 확인 입력</label>
									<input type="password" class="list_inputType1 colorLight" name="password2" id="passwordCheck2" placeholder="비밀번호 확인" onfocus="this.placeholder = ''" onblur="this.placeholder='비밀번호 확인'" maxlength="20">
								</div>
								<div class="list_alert pass_no pwPass_no" style="display: none;">
									<i></i> <span>비밀번호가 일치하지 않습니다.</span>
								</div>
								<div class="list_alert pass pwPass" style="display: none;">
									<i></i> <span>비밀번호가 일치합니다.</span>
								</div>
							</div>
						</div>
						<div class="mem_btnWrap2">
							<button type="button" class="mem_btn5" onclick="selectUserPW();">확인</button>
						</div>
					</div>
					<!--// 비밀번호 재설정 -->
				</div>
			</div>
		</div>
	</div>
</form>
<form id="searchForm" name="searchForm" mothod="post" action="/web/user/login/login.do">
</form>
