<%@ 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 src="/js/ncms_common.js"></script> -->
<script src="/js/dragNdropToPdf.js?date=202306080001"></script>

<script language=javascript>
$(document).ready(function(){
	$("input:text[numberOnly]").on("keyup", function() {
		$(this).val($(this).val().replace(/[^0-9]/g,""));
	});
	//발신번호 등록 리스트	
	sendNumberListAjax(1);
});

//발신번호 등록 리스트
function sendNumberListAjax(pageNo){
	document.sendNumberListForm.pageIndex.value = pageNo;
	var sendData= $(document.sendNumberListForm).serializeArray();
	$("#sendNumberListLoad").load("/web/user/sendNumberListAjax.do", sendData ,function(response, status, xhr){
	});
}

//발신번호 전체삭제
function deleteSendNumberAll(){
	if($("input[name=chk]:checked").length == 0){
		alert("선택된 항목이 없습니다.");
		return;
	}
	if (confirm("삭제하시겠습니까?")){
		
		var chkId = [];
		$("input[name='chk']:checked").each(function(){
			chkId.push($(this).val());
		});
		
		$.ajax({
			type : 'POST'
			,url : "<c:url value='/web/user/deleteSendNumberAllAjax.do'/>"
			,data : {"chk": chkId}
			,dataType:'json'
			,traditional : true 
			,success : function(returnData, status){
				if(returnData.result == "success") {
					alert("정상적으로 삭제 되었습니다.");
					sendNumberListAjax(1);
				} else{ 
					alert(returnData.message);
					return;
				}
			}
			,error : function(request , status, error){
				alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
			}
		});
	}
}

//발신번호 기본번호 설정
function updateBaseYn(){
	if($("input[name=chk]:checked").length == 0){
		alert("선택된 항목이 없습니다.");
		return;
	}
	if($("input[name=chk]:checked").length > 1){
		alert("한개의 번호만 기본번호 설정이 가능합니다.");
		return;
	}
	 if (confirm("기본번호로 설정하시겠습니까?")){
		
		var baseId;
		$("input[name='chk']:checked").each(function(){
			baseId = $(this).val();
		});
		$.ajax({
			type : 'POST'
			,url : "<c:url value='/web/user/updateSendNumberBaseYnAjax.do'/>"
			,data : {"baseId": baseId}
			,dataType:'json'
			,traditional : true 
			,success : function(returnData, status){
				if(returnData.result == "success") {
					alert("정상적으로 설정  되었습니다.");
					sendNumberListAjax(1);
				} else{ 
					alert(returnData.message);
					return;
				}
			}
			,error : function(request , status, error){
				alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
			}
		});
	}
}

function fnRegisterPhoneNum(){
	
	var countNum = $('#countNum').val();

	if(countNum >= 10){
		
		alert("발신번호 등록은 10개까지만 신청이 가능합니다.");
		return false;
		
	}
	
	location.href='/web/user/sendNumberManageRegister.do';
	
}
</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">
			<div class="heading call_numbe_con">
				<h2>발신번호 관리</h2>
				<div class="button_wrap">
					<button type="button" class="button certificate btn" data-tooltip="popup001">통신서비스 이용증명원 발급안내</button>
					<button type="button" class="button id_card btn" data-tooltip="popup004">대리인 신분증이란?</button>
					<button type="button" class="button pro_ex btn" data-tooltip="popup003">위임장 작성 방법</button>
				</div>	
			</div>
			<div class="mem_cont_in widthXL">
				<div class="titBox">
					<p>- 문자 발송 전 “발신번호 등록”을 하셔야 서비스 이용이 가능합니다.</p>
					<p>- 발신번호 등록 가능 개수 : <span class="fwMd c_222">10</span>개</p>
				</div>

				<form id="sendNumberListForm" name="sendNumberListForm" method="post">
					<input type="hidden" name="pageIndex" />
					<div id="sendNumberListLoad"></div>
				</form>
				<div class="send_button_wrap">
					<button type="button" class="btnType btnType16" onclick="fnRegisterPhoneNum(); return false;">+ 신규 발신번호 등록</button>
				</div>
			</div>
		</div>
		<!--// 마이페이지 - 발신번호 관리 -->


		<!-- 통신서비스 이용증명원 발급 안내 -->
		<div class="tooltip-wrap">
			<div class="popup-com servInfo_cont popup001" tabindex="0" data-tooltip-con="popup001" data-focus="popup001" data-focus-prev="popup001-close">
				<div class="popup_heading">
					<p>통신서비스 이용증명원 발급안내</p>
					<button type="button" class="tooltip-close" data-focus="popup001-close">
						<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
					</button>
				</div>
				<div class="layer_in call_layer">
					<!-- 발신번호 관리 수정 -->
					<div class="call_number_pop">
						<ul class="call_numbber_list">
							<li>- 과학기술정보통신부 고시에 따라 발신번호 등록 시 <strong>통신서비스 이용증명원</strong>을 통해 전화번호 일치 여부 등을 확인하고 있습니다.</li>
							<li>- 이동통신사 고객센터 또는 홈페이지 등을 통해 해당 서류를 발급 후 발신번호 신청 시 함께 첨부해주시면 빠른 심사 처리가 가능합니다.</li>
							<li>- ※ 휴대폰 본인인증으로 대체 가능(단, 본인인증이 불가한 번호의 경우 서류 발급 필수)</li>
						</ul>
						<div class="noted_items">
							<p class="title">참고사항</p>
							<ul class="call_numbber_list">
								<li>· 발급 시 명의자의 성명(법인명), 생년월일(사업자번호), 서비스번호(전화번호) 등이 모두 노출되어야 함</li>
								<li>· 이용증명원 내 발급 시기 및 발급자 정보(발급 담당자의 성명 및 전화번호 등)가 포함되어야 함</li>
								<li>· 착신전용서비스, 타지역서비스, 디지털착신전용 발신번호 등록 불가</li>
							</ul>
						</div>
					</div>
	
					<p class="info_tit">[통신사 고객센터 정보]</p>
					<!-- 통신사 고객센터 수정 250619 -->
					<div class="call_new">
						<ul>
							<li>
								<div>
									<div class="call_img">
										<img src="/publish/images/content/call_serv1_1.png" alt="T 월드">
									</div>
									<p>
										<span class="fwLg">모바일</span>
										1599-0011&nbsp;&nbsp;/&nbsp;&nbsp;<span class="fwLg">유선</span> 1600-2000
									</p>
								</div>
							</li>
							<li>
								<div>
									<div class="call_img">
										<img src="/publish/images/content/call_serv2_1.png" alt="SK 7mobile">
									</div>
									<p>1599-0999</p>
								</div>
							</li>
							<li>
								<div>
									<div class="call_img">
										<img src="/publish/images/content/call_serv3_1.png" alt="B">
									</div>
									<p>106</p>
								</div>
							</li>
							<li>
								<div>
									<div class="call_img">
										<img src="/publish/images/content/call_serv4_1.png" alt="hello 모바일">
									</div>
									<p>KT망 1855-1144&nbsp;/&nbsp;SKT망
										1855-2114&nbsp;/&nbsp;LGU+망 1855-1140</p>
								</div>
							</li>
							<li>
								<div>
									<div class="call_img">
										<img src="/publish/images/content/call_serv5_1.png" alt="Kt">
									</div>
									<p>
										<span class="fwLg">모바일</span> 1588-0010&nbsp;&nbsp;/&nbsp;&nbsp;<span class="fwLg">유선</span>
										100
									</p>
								</div>
							</li>
							<li>
								<div>
									<div class="call_img">
										<img src="/publish/images/content/call_serv6_1.png" alt="snowman">
									</div>
									<p>KT망 1688-9300&nbsp;/&nbsp;SKT망
										1666-9316&nbsp;/&nbsp;LGU+망 1688-0045</p>
								</div>
							</li>
							<li>
								<div>
									<div class="call_img">
										<img src="/publish/images/content/call_serv7_1.png" alt="LG U+">
									</div>
									<p>
										<span class="fwLg">모바일</span>
										1544-0010&nbsp;&nbsp;/&nbsp;&nbsp;<span class="fwLg">유선</span> 101
									</p>
								</div>
							</li>
							<li>
								<div>
									<div class="call_img">
										<img src="/publish/images/content/call_serv8_1.png" alt="tplus">
									</div>
									<p>KT망 1811-1141&nbsp;/&nbsp;SKT망
										1877-9114&nbsp;/&nbsp;LGU+망 1533-7114</p>
								</div>
							</li>
						</ul>
					</div>
					<!--// 통신사 고객센터 수정 250619 -->
				</div>
			</div>
		</div>
		<!-- // 통신서비스 이용증명원 발급 안내 -->
		
		<!-- 대리인 신분증이란? 팝업 -->
		<div class="tooltip-wrap">
			<div class="popup-com servInfo_cont popup004" tabindex="0" data-tooltip-con="popup004" data-focus="popup004" data-focus-prev="popup004-close">
				<div class="popup_heading">
					<p>대리인 신분증이란?</p>
					<button type="button" class="tooltip-close" data-focus="popup001-close">
						<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
					</button>
				</div>		
				<div class="layer_in">
					<!-- 발신번호 관리 수정 -->
					<div class="call_number_pop">
						<ul class="call_numbber_list">
					    	<li>- 타인/타사의 휴대전화(또는 일반전화)를 발신번호로 등록하기 위해서는  대리인(문자온 가입자)의 신분증 사본을 제출하여야 합니다.</li>
					    	<li>- 개인회원 : <strong>타인 휴대전화(or 일반전화)</strong> 발신번호 등록 시 제출</li>
					    	<li>- 기업회원 : <strong>타사 휴대전화(or 일반전화)</strong> 발신번호 등록 시 제출</li>
						</ul>
						<div class="noted_items">
							<p class="title">참고사항</p>
							<ul class="call_numbber_list">
								<li>· 신분증 사본 제출 시 주민번호 뒷자리는 마스킹 처리(개인정보 보호)</li>
								<li>· 제출 가능한 신분증 : 주민등록증, 운전면허증, 여권</li>
								<li>· 대리인 = <strong>문자온 가입자(O)</strong> 발신번호 명의자(X)</li>
							</ul>
						</div>
					</div>
					<div class="ex_con_wrap">
						<div class="ex_con">
							<p class="ex_con_tit">[제출 예시 이미지]</p>
							<img src="/publish/images/popup/id_card_ex.png" alt="제출 예시 이미지">
							<p class="ex_con_te">※ 이미지 자료 : 행정안전부</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--// 대리인 신분증이란? 팝업 -->
		
	    <!-- 위임장 작성 방법 팝업 -->
		<div class="tooltip-wrap">
			<div class="popup-com servInfo_cont popup003" tabindex="0" data-tooltip-con="popup003" data-focus="popup003" data-focus-prev="popup003-close">
				<div class="popup_heading">
					<p>위임장 작성 방법</p>
					<button type="button" class="tooltip-close" data-focus="popup001-close">
						<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
					</button>
				</div>		
				<div class="layer_in pro_layer_in">
					<!-- 발신번호 관리 수정 -->
					<div class="pro_btn_wrap">
						<button type="button" class="button attorney btn" onclick="location.href='/download/number/문자온_발신번호_등록_위임장_양식.zip'">위임장 다운로드</button>
					</div>
					<div class="call_number_pop">
						<p class="pro_tit">타인 또는 타사의 휴대전화 및 일반전화 발신번호 등록을 위해서는 <br><span>위임장 제출이 필수</span>입니다.</p>
						<ul class="call_numbber_list">
					    	<li>- 위임자(발신번호 명의자)와 수임자(문자온 가입자)를 구분하여 작성</li>
					    	<li>- 개인정보 수집 이용 동의 체크</li>
					    	<li>- 위임자가 법인일 경우 도장 날인, 개인일경우 자필 서명</li>
						</ul>
					</div>
					<div class="ex_con_wrap">
						<div class="ex_con">
							<p class="ex_con_tit">[위임장 작성 예시]</p>
							<img src="/publish/images/popup/pro_ex.png" alt="제출 예시 이미지">
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--// 위임장 작성 방법 팝업 -->
		
	</div>
	<!--// send top -->
</div>
<!--// content 영역 -->