<%@ 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="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>

<script language=javascript>

//휴대푠 번호 등록 [시작]--------------------------------------------------------------------------------------------
window.name = "kmcis_web_sample";
var KMCIS_window;
//휴대폰 인증팝업 열기
 function openKMCISWindow(){ 
 //본인인증시도 로그 
 certAccessLog();
	var UserAgent = navigator.userAgent;
	/* 모바일 접근 체크*/
	// 모바일일 경우 (변동사항 있을경우 추가 필요)
	if (UserAgent.match(/iPhone|iPod|Android|Windows CE|BlackBerry|Symbian|Windows Phone|webOS|Opera Mini|Opera Mobi|POLARIS|IEMobile|lgtelecom|nokia|SonyEricsson/i) != null || UserAgent.match(/LG|SAMSUNG|Samsung/) != null) {
		document.reqKMCISForm.target = 'KMCISWindow';  // 모바일
	} else { // 모바일이 아닐 경우
		KMCIS_window = window.open('', 'KMCISWindow', 'width=425, height=550, resizable=0, scrollbars=no, status=0, titlebar=0, toolbar=0, left=435, top=250' );
	
		if(KMCIS_window == null){
			alert(" ※ 윈도우 XP SP2 또는 인터넷 익스플로러 7 사용자일 경우에는 \n    화면 상단에 있는 팝업 차단 알림줄을 클릭하여 팝업을 허용해 주시기 바랍니다. \n\n※ MSN,야후,구글 팝업 차단 툴바가 설치된 경우 팝업허용을 해주시기 바랍니다.");
		}
	
		document.reqKMCISForm.target = 'KMCISWindow';
	}
	
	document.reqKMCISForm.action = 'https://www.kmcert.com/kmcis/web/kmcisReq.jsp';
	document.reqKMCISForm.submit();
}
//휴대푠 번호 등록 [끝]--------------------------------------------------------------------------------------------

//ARS 번호 등록 [시작]--------------------------------------------------------------------------------------------
function openARSCert(){
	var arsForm = $("form[name=arsForm]").serialize() ;
	
	$.ajax({
		url : "<c:url value='/web/mjon/ArsAuthAjax.do' />"
		, type : 'POST'
		, data : arsForm
		,dataType:'json'
		,success : function(returnData, status){
		if(status == "success") {
			if (returnData.isSuccess == true) {
				alert("인증번호 발송했습니다.");
			}
			else {
				alert(returnData.msg);
			}
			
			var certCode = returnData.certCode;
			if (certCode != "") {
				$("#certCode").val(certCode);
			}
			
			$("#phone").attr("readonly", true);
		}else{ alert("세션 생성 실패");return;} 
		}, error : function(request , status, error){
			alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
		}
	});
}

function ARSCodeCheck(){
	var certCode = $("#certCode").val();
	var code = $("#code").val();
	
	if(certCode == code && code != ""){
		//alert("인증 완료.");
		openMberSecessionInfo('Y')
	}else{
		$(".mem_btn2").removeAttr("data-tooltip");
		alert("인증번호가 맞지 않습니다.");
	}
}
//ARS 번호 등록 [끝]--------------------------------------------------------------------------------------------

function openMberSecessionInfo(key){
	document.mberSecessionInfoForm.action = "<c:url value='/web/user/mberSecessionInfo.do'/>";
	document.mberSecessionInfoForm.keyCheck.value = key
	document.mberSecessionInfoForm.submit();
}
</script>
<div class="inner">
	<!-- send top -->
	<div class="send_top">
		<!-- tab button -->
		<%@include file="/WEB-INF/jsp/web/user/mypageHeader.jsp"%>
		<!--// tab button -->
		<!-- 마이페이지 - 회원해지 -->
		<div class="mypage_content current" id="tab5_4">
			
			<!-- phone 본인인증 Form -->
			<form name="reqKMCISForm" method="post" action="#">
				<input type="hidden" id="tr_url" name="tr_url" value = "${certVO.tr_url}">
				<input type="hidden" id="tr_add" name="tr_add" value = "${certVO.tr_add}">
				<input type="hidden" id="tr_cert" name="tr_cert" value = "${certVO.tr_cert}">
				<input type="hidden" name="tr_ver"      value = "V2">
			</form>
			
			<!-- ars 본인인증 Form -->
			<form name="arsForm" method="post" action="#">
				<input type="hidden" id="certCode" name="certCode" value="" />
				<input type="hidden" id="phoneNumber" name="phoneNumber" value = "${userInfo.moblphonNo}">
			</form>
			
			<form name="mberSecessionInfoForm" id="mberSecessionInfoForm" method="post" action="#">
				<input type="hidden" id="keyCheck" name="keyCheck" value="" />
			</form>
			
			<div class="heading">
				<h2>회원해지</h2>
			</div>
			<div class="mem_cont_in widthL">
				<p class="list_title2">
					본인 확인 후 <span class="c_002c9a fwMd">회원탈퇴 신청이 가능</span>합니다.
				</p>
				<div class="self_identfy_wrap">
					<%-- <div class="self_identfy1">
						<div class="table_cell">
							<p>등록한 휴대폰 번호로 SMS 인증</p>
							<span>회원정보에 등록한 휴대폰 번호로 SMS 인증</span>
							<div class="indenfy_num">
								<div>
									<label for="" class="label">휴대폰 번호 인증</label>
									<input type="text" value="${userInfo.moblphonNo}" readonly>
									<button type="button" class="btnType btnType6" onclick="openARSCert()">인증번호 받기</button>
								</div>
								<div>
									<label for="code" class="label">인증번호 입력</label>
									<input type="text" id="code" placeholder="인증번호를 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호를 입력해주세요'">
								</div>
								<button type="button" class="indenfy_btn" onclick="ARSCodeCheck()">확인</button>
							</div>
						</div>
					</div> --%>
					<div class="self_identfy2">
						<div class="table_cell">
							<p>본인 명의 휴대폰 번호로 본인인증</p>
							<span>등록한 휴대폰으로 SMS 인증이 어려우시면,<br>본인 명의로 가입된 휴대폰 번호로 받으실 수 있습니다.</span>
							<button type="button" class="indenfy_btn" onclick="openKMCISWindow()">확인</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--// 마이페이지 - 회원해지 -->
	</div>
	<!--// send top -->
</div>
<!--// content 영역 -->
