<%@ 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 uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib prefix="ec" uri="/WEB-INF/tld/ecnet_tld.tld"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page import="itn.com.cmm.LoginVO" %>
<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
<script src="/publish/js/content.js"></script>
<!-- 스프레드시트(타뷸레이터)관련 js -->
<script src="/js/user/fax/tabulator.js"></script>
<!-- 주소록관련 js -->
<script src="/js/user/fax/addr.js"></script>
<!-- 엑셀불러오기관련 js -->
<script src="/js/user/fax/exelLoad.js"></script>

<script type="text/javascript" src="<c:url value='/js/txtSpecialReplace.js?date=202209210001'/>"></script>
<!-- 현재 jsp에서 사용하는 file 관련 js  -->
<script type="text/javascript" src="<c:out value='/js/user/fax/file.js' />"></script>
<script type="text/javascript">

	$(document).ready(function(){
		
		//엑섹불러오기 버튼 클릭시 파일 첨부 실행
		$('#fileUploadButton').click(function(){ // 엑셀파일 불러오기 선택 시
			$("#realFileUploadButton").click();
		});
		
		// 미리보기 버튼 클릭 이벤트
		$('#previewBtnID').click(function(){
			if($("#fileChk").val() == 'N')
			{
				alert('파일을 첨부해 주세요');
			}else{
				// 미리보기 버튼 클릭했다는 flag
				$('#previewChk').val('Y');
				
				//새창 열림
				var popWin = window.open('', 'previewPop', 'scrollbars=yes, width=1400, height=800');
				$('#convertForm').attr('action', '/web/mjon/fax/pdfPreview.do');
				$('#convertForm').attr('target', 'previewPop');
				$('#convertForm').submit();
			}
		});
		
		// 발송 버튼 클릭
		$('#sendBtn').click(function(){
			if(!valueChk()){
				return false;
			}
			
			if(!confirm("팩스 발송을 하시겠습니까?")){ 
				return false;
			}
			
			$('#faxSendForm #faxConvertSeq').val($('#convertForm #faxConvertSeq').val());
			$('#faxSendForm #subject').val($('#title').val());
			fn_faxSendData();
		});
		
		///////////////////////////////////////// Mutation Observer
		// 감시 대상 node 선택
		// 받는사람 영역
		let target01 = document.getElementById('target01');
		// 변환된 총 매수
		let target02 = document.getElementById('resPage');

		// 감시자의 설정
		let option = {
			subtree : true			// 대상 노드의 자식 요소뿐만 아니라 후손 요소의 변화까지 감지
			, childList : true		// 대상 노드의 자식 요소(텍스트 포함)의 변화 감지
			, attributes : true		// 해당 노드의 attribute 속성
		};

		// wrap01 감시자 인스턴스 만들기
		let observer_wrap01 = new MutationObserver((mutations) => {
			fn_priceClclt();
		});
		
		// wrap02 감시자 인스턴스 만들기
		let observer_wrap02 = new MutationObserver((mutations) => {
			fn_priceClclt();
		});

		// 대상 노드에 감시자 전달
		observer_wrap01.observe(target01, option);
		observer_wrap02.observe(target02, option);
		///////////////////////////////////////// //Mutation Observer
		
		
		//////////////////////////////////////// 주소록에서 넘겨받은 주소록청보 처리해주기
		modeAddrListInsert();
		
		
	});
	
	
	function modeAddrListInsert(){
		
		var listCnt = '${resultFaxAddrListCnt}';
		var addrNmList = '${addrNmList}';
		var addrPhoneNoList = '${addrPhoneNoList}';
		var moveAddrFlag = '${moveAddrFlag}';
		var moveAddrAllFlag = '${moveAddrAllFlag}';
		
		if(moveAddrFlag == 'Y' || moveAddrAllFlag == 'Y'){
			
			//수신자 처리 변수
			var tableData = [];		//수신자 tabulator 처리 변수
			var addrNm = [];
			var PhoneNo = [];
			
			addrNmList = addrNmList.replace('[','').replace(']','');
			addrPhoneNoList = addrPhoneNoList.replace('[','').replace(']','');
			
			addrNm = addrNmList.split(',');
			addrPhoneNo = addrPhoneNoList.split(',');
			
			for(var i = 0; i < listCnt; i++){ // 수신자 리스트 Tabulator에 입력해 주기
				tableData.push({
					name: addrNm[i]
					,phone: removeDash(addrPhoneNo[i])
					});
			}
			
			// 받는사람 목록에 주소 정보 입력하기
			addPhoneInfo(tableData)
			
		}
		
	}
	
	function valueChk(){
		if($('#title').val() == ''){
			alert('제목을 입력해 주세요.');
			return false;
		}
		if($('#previewChk').val() == 'N'){
			alert('미리보기 버튼을 클릭해서 변환 파일을 확인해 주세요.');
			return false;
		}
		
		var nameList = [];		//치환문자 이름
		var phoneNum = [];	//받는사람
		var selectedData = tableL.getRows();
		
		if(selectedData.length < 1){
 			alert('수신번호를 입력후 발송해 주세요 ');
 			return false;
		}

		for(var i=0; i < selectedData.length; i++){
			
			//일괄변환 문자에 콤마(,)가 들어가있으면 배열로 넘길때 문제가 발생하여 특수문자(§)로 치환하여 넘겨주도록 한다.
			var name = tableL.getRows()[i].getData().name;
			var phone = removeDash(tableL.getRows()[i].getData().phone);
			
			if(phone == ""){
				alert("수신 목록에 핸드폰 번호가 없는 항목이 있습니다.");
				return false;
			}
			else{
				
				if(typeof(name) != 'undefined' && name != null){
					if(!emojiCheck(name)){//이모지 체크 해주기
						return false;
					}
					nameList[i] = name.replaceAll(",","§");
				}
				phoneNum[i] = phone;
			}
		}
		$('#faxSendForm #callToList').val(phoneNum);
		$('#faxSendForm #nameList').val(nameList);
		
		return true;
	}
	
	//주소록 팝업 닫기 기능
	function addrClose(){
		$(".closeAddr").trigger("click");
		//주소록 레이어 팝업의 Tabulator 데이터 지워주기
		tableAddr.clearData();
	}
	
	/**
	 * @description 금액 계산 function
	 */
	function fn_priceClclt(){

		// 수신 번호 개수
		var len = tableL.getRows().length;
		// 사용자이용단가
		var price = "<c:out value='${faxPrice}'/>";
		// 변환된 파일의 매수
		var resPage = $('#resPage').text();
		//총금액
		var totalPrice;

		if(len == 0){
			$('#totalPriceTxt').text(0)
			return false;
		}
		
		else {
			totalPrice = len * price * resPage;
			totalPrice = totalPrice.toString().replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ",");
			$('#totalPriceTxt').text(totalPrice);
		}		
		tableL.clearCellValidation();
	}
	
	//중복 전화번호 체크하여 중복 갯수 리턴하기
	function dupliPhoneDataChk(data){
		var chk = true; //중복값 유무
		var uniqData = []; // 중복값 삭제 후 데이터 저장
		var dupCnt = 0;
		
		//첨부 주소 정보에서 연락처가 중복되는 경우 하나만 남기고 나머지는 삭제 하고 보여줌
		$.each(data, function(i, item){
			chk = true; //중복값 유무
			$.each(uniqData, function(j, item2){
				if(item.phone.length > 0){
					if(item.phone == item2.phone){
						chk = false;
						dupCnt = dupCnt + 1;
					}
				}
			});		
			if(chk){
				uniqData.push(item);
			}
		});	
		return dupCnt;
	}

	
	function goPage(){
		location.href="<c:url value='/web/mjon/fax/faxSendList.do'/>";
	}
	
	

</script>

	<form id="convertForm" name="convertForm" action="">
		<input type="hidden" id="faxConvertSeq" name="faxConvertSeq" value="" />
		<input type="hidden" id="faxConvertFilePath" name="faxConvertFilePath" value="" /> <!-- 변환파일 경로  -->
	</form>
	<form id="faxSendForm" name="faxSendForm" action="">
		<input type="hidden" id="subject" name="subject" value="" />
		<input type="hidden" id="callToList" name="callToList" value="" />
		<!-- 문자온 법인폰 번호 -->
	<!-- 	<input type="hidden" id="callFrom" name="callFrom" value="01084329333" />  -->
		<input type="hidden" id="nameList" name="nameList" value="" />
		<input type="hidden" id="faxConvertSeq" name="faxConvertSeq" value="" />
		<input type="hidden" id="reserveYn" name="reserveYn" value="N" />
		<input type="hidden" id="sendDate" name="sendDate" value="" />
		<input type="hidden" id="totalEa" name="totalEa" value="" /> 
	</form>

	<div class="inner">
		<!-- send top -->
		<div class="send_top">
			<div class="serv_content fax_content current">
				<div class="heading">
					<h2>팩스전송</h2>
				</div>
				<div class="pay_tab_wrap">
					<ul class="tabType1">
						<li class="tab active">
							<button type="button">팩스전송</button>
						</li>
						<li class="tab">
							<button type="button" onclick="goPage()">팩스전송내역</button>
						</li>
					</ul>
				</div>
				<!--// tab button 끝-->
			
			
				<!-- tab content1 -->
				<div class="tap_content current" id="tab_content_1">
					<div class="send_general">
						<!-- send left 문자 보내기 입력 -->
						<div class="send_left">
							<table class="tType1">
								<caption>일반 문자보내기 분류 번호 내용 등을 입력하는 표</caption>
								<colgroup>
									<col style="width: 100px;">
									<col style="width: auto;">
								</colgroup>
								<tbody>
									<tr>
										<th scope="row">
											<span class="essential">*</span> 팩스제목
										</th>
										<td>
											<input type="text" class="fax_title" maxlength="20" id="title"><span class="reqTxt6"><span class="vMiddle">*</span> 제목은 전송결과 관리용으로 발송내용에 표시되지 않음</span>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<span class="essential">*</span> 전송문서
										</th>
										<td>
											<div class="file_add upload_area listType list01" id="upload_area">
												<%-- 로딩영역 --%>
												<div class="loading_layer" style="z-index:95">
													<div class="loading_container">
														<div class="bar"></div>
														<div class="text">변환중...</div>
													</div>
												</div>
												<%-- 로딩영역 끝 --%>
												<p><img src="/publish/images/content/file_add.png" alt="">첨부파일을 넣어주세요.</p>
												<div class="cf_text_wrap">
													<span>전송 가능 확장자</span><br>hwp, hwpml, doc, xls, ppt, pdf, txt, docx, xlsx,<br /> pptx, tif, jpg, jpeg, gif, bmp, gul
												</div>
											</div>
											
											<div class="file_add upload_area upload_table_wrap" id="upload_area_list" style="display:none">
												<table class="file_upload_table">
													<colgroup>
														<col style="width: auto;" />
														<col style="width: 18%;" />
														<col style="width: 30%;" />
														<col style="width: 60px;" />
													</colgroup>
													<thead>
														<tr>
															<th>파일명</th>
															<th>크기</th>
															<th>등록일시</th>
															<th>삭제</th>
														</tr>
													</thead>
													<tbody id="tbody_fiielist" style="height: 87px;">
													</tbody>
												</table>
											</div>
											
											<div class="file_right">
												<!-- <button type="button" data-tooltip="popup05"  class="btnType btnType9">파일첨부</button> -->
												<button type="button" id="fileUploadButton" class="btnType btnType9">파일첨부</button>
												<button type="button" id="previewBtnID"  class="btnType btnType7">미리보기</button>
												 <!-- N : 파일 없음 / Y : 파일 있음 -->
												<input type="hidden" id="fileChk" value="N" />
												<input type="hidden" id="previewChk" value="N" />
												<input type="file" id="realFileUploadButton" style="display:none"/>
												<p>총 <span class="c_002c9a fwBold" id="resPage">0</span>매</p>
											</div>
										</td>
									</tr> 
									<tr>
										<th scope="row" class="vTop"><span class="essential">*</span>받는사람</th>
										<td class="putText" id="target01">
											<div class="clearfix receipt_num">
												<div class="receipt_num_top">
													<label for="callTo" class="label">받는 번호입력</label>
													<input type="text" id="callTo" name="callTo" maxlength="15" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"  placeholder="번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='번호를 입력하세요'" style="width:340px;">
													<button type="button" class="btnType btnType6 addCallToF">번호추가</button>
													<span><span class="vMiddle">*</span> 중복번호는 한번만 발송됩니다.</span>
												</div>
												<div class="receipt_num_midde">
													<div class="listType list01 callList_box" id="callList_box">
														<div class="list_table list_head">
															<div class="cb_wrap">
																<label for="" class="label"></label>
																<input type="checkbox">
															</div>
															<div class="list_table_num">
																<p>번호</p>
																<img src="/publish/images/sortUp.png">
																<img src="/publish/images/sortDown.png">
															</div>
															<div class="list_table_name">
																<p>이름</p>
																<img src="/publish/images/sortUp.png">
																<img src="/publish/images/sortDown.png">
															</div>
														</div>
													</div>
													<div class="put_right">
														<div class="btn_popup_wrap spc_wrap">
															<button type="button" data-tooltip="popup06"  class="btnType btnType7 popupAddr">주소록 불러오기</button>
														</div>
														<div class="btn_popup_wrap">
															<button type="button" data-tooltip="popup02"  class="btnType btnType7">엑셀 불러오기</button>
														</div>
														<div class="btn_popup_wrap">
															<button type="button" data-tooltip="popup03" class="btnType btnType7 tab1">최근 전송내역</button>
														</div>
														<div class="btn_popup_wrap">
															<button type="button" data-tooltip="popup03" class="btnType btnType7 tab2">자주 보내는 번호</button>
														</div>
														<div class="btn_popup_wrap check_validity_wrap">
															<!-- <button type="button" class="btnType btnType7 check_validity">오류 검사 <i class="qmMark"></i></button> -->
															<div class="error_hover_cont send_hover_cont">
																<p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p>
																<span>(예시) 010-1234-0001(O) / 010-123-0001(X)</span>
															</div>
														</div>
													</div>
												</div>
												<div class="list_bottom clearfix">
													<div class="remove_btnWrap">
														<button type="button" class="btnType15 all_del"><i class="remove_img"></i>전체삭제</button>
														<button type="button" class="btnType15 select_del"><i class="remove_img"></i>선택삭제</button>
													</div>
													<div class="list_bottom_right">
														<p>총 <span class="c_e40000" id="rowTotCnt">0</span>건 / 중복 <span class="c_002c9a" id="rowDupCnt">0</span>건</p>
														
														<!-- <button type="button" class="address_reg2 addressregi_btn">주소록에 등록</button> -->
													</div>
												</div>
	<!-- 											<div class="btn_popup_wrap">  -->
	<!-- 												<button type="button" id="sendBtn" class="btnType btnType7 tab2">발송</button> -->
	<!-- 											</div> -->
											</div>
										</td>
									</tr>
									<tr>
										<th colspan="2">
											<div class="final_wrap">
												<div class="final_pay_wrap">
													<div class="final_pay">
														<div class="pay_info_list">
															<p>발송금액 :</p>
	<!-- 														<div class="info" id="repPriceTxt" style="display: none;"> -->
	<!-- 														</div> -->
														</div>
														<p class="price"><span id="repPriceTxt"></span><span id="totalPriceTxt">0</span> 원<span></span></p>
													</div>
													<div class="pay_type clearfix">
									  					<fmt:formatNumber type="number" maxFractionDigits="3" value="${userMoney}" var="commaPrice" />
														<div>
															<input type="radio" id="radio_bill_1" name="radio_bill" checked="checked">
															<label for="radio_bill_1">보유잔액</label>
															<label for="userMoney" class="label">보유잔액</label>
															<input type="text" id="userMoney" name="userMoney" value="<c:out value='${commaPrice}'/>" readonly>
															<span class="won">원</span>
															<button type="button" class="btnType btnType21" onclick="location.href='/web/member/pay/PayView.do'">충전</button>
														</div>
														<div><button type="button" id="sendBtn" class="btnType btnType11">발송하기</button></div>
													</div>
												</div>
											</div>
										</th>
									</tr>
								</tbody>
							</table>
						</div>
						<!-- send left 팩스 보내기 입력 끝-->
						<!-- send right 팩스 보내기 안내  -->
						<div class="send_info_fax">
							<p class="fax_title"><i></i>팩스 광고 필수 표시 의무사항</p>
							<div class="fax_content">
								<img src="/publish/images/content/fax_ex.png" alt="">
								<ul>
									<li>
										<p class="num_title">01</p>
										<p>
											<b>팩스 시작 부분에 (광고) 문구 표기</b>
											(광/고), (광 고), [광고], (00광고) 등과 같이 변칙 표기 금지
											<span class="fs14 c_e40000">※ 팩스 본문에 전송자 명칭, 전자우편주소, 전화번호, 주소 등 연락처 표기</span>
										</p>
									</li>
									<li>
										<p class="num_title">02</p>
										<p>
											<b>최대 글자의 1/3 이상의 크기로 무료거부 080번호 표기</b>
											수신거부, 수신동의 철회방식을 최대 글자 3분의1 크기 이상으로 표기, 또한 수신자가 비용을 부담하지 아니한다는 것 안내
											<span class="fs14 c_e40000">※ 팩스 무료거부 080번호는 별도로 운영 관리</span>
											<span class="fs14 c_e40000">※ 수신거부를 받은 경우 14일 이내 처리 통지</span>
										</p>
									</li>
									<li>
										<p class="num_title">03</p>
										<p>
											<b>광고팩스 전송시간 : 08:00~21:00</b>
											<span class="fs14 c_e40000">※21:00 이후 광고팩스 전송 불가</span>
										</p>
									</li>
									<li>
										<a href="https://www.law.go.kr/LSW/lsInfoP.do?lsiSeq=154247#0000" target="_blank"><i></i>
											<p>정보통신망 이용촉진 및 정보보호 등에 관한 법률 전문보기(시행 2014.11.29)</p>
										</a>
										<a href="/publish/spam_prevention_5.pdf" download="불법스팸_방지를_위한_정보통신망법_안내서_제5차_개정판.pdf"><i></i>
											<p>불법 스팸방지를 위한 정보통신망법 안내서(2014.11)</p>
										</a>
									</li>
								</ul>
							</div>
						</div>
						<!-- send right 팩스 보내기 안내  끝-->
					</div>
				</div><!--// tab content1 -->
			</div>
		</div><!--// send top -->
	<!-- send bottom -->
	</div>
	<form id="msgResendForm" name="msgResendForm" method="post">
		<input name="msgResendFlag" type="hidden" value="N"/>
		<input name="msgSeqList" type="hidden" value=""/>
	</form>
	<form id="moveAddrForm" name="moveAddrForm" method="post">
		<input name="moveAddrFlag" type="hidden" value="N"/>
		<input name="addrIdList" type="hidden" value=""/>
	</form>


</div>


<%--
====================================================================
=								레이어 팝엽 시작						   =
====================================================================
--%>

<!-- 주소록 불러오기 -->
<div class="tooltip-wrap">
	<div class="popup-com import_layer popup06" tabindex="0" data-tooltip-con="popup06" data-focus="popup06" data-focus-prev="popup06-close" style="width: 1000px;z-index:98">
		<div class="popup_heading">
			<p><span>주소록 불러오기</p>
			<button type="button" onClick="javascript:addrClose(); return false;">
			<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
		</div>
		<div class="layer_in">
			<div class="titBox titBox_pad">
				<p>- 주소록 수정 및 변경은 <span>[주소록 관리]</span>에서만 가능합니다.</p>
				<button type="button" class="adr_admin" onClick="location.href='/web/mjon/fax/addr/selectFaxAddrList.do'">주소록 관리</button>
			</div>
			<div class="adr_wrap">
				<form id="searchAddrGrpForm" name="searchAddrGrpForm" method="post" style="display: flex; justify-content: space-between;">
					<input type="hidden" id="searchAddrGrpId" name="searchAddrGrpId" value=""/>
					<input type="hidden" id="type" name="type" value="all"/>
					<input type="hidden" id="searchKeyword" name="searchKeyword" value=""/>
					<input type="hidden" name="searchCondition" id="searchCondition" value="0" />
					<div class="adr_pop_left">
						<div class="adr_left_search">
							<label for="searchKeyword" class="label">그룹명 검색</label>
							<input type="text" name="searchGrpKeyword" id="searchGrpKeyword"  placeholder="그룹명 검색" onfocus="this.placeholder=''" onblur="this.placeholder='그룹명 검색'" class="inputLight">
							<button type="button" onClick="javascrit:fnAddrGrpSearch(); return false;"><img src="/publish/images/popup/search.png" alt="검색"></button>
						</div>
						<div class="adr_pop_box">
							<div id="addrGroupLoad">
							</div>
						</div>
						<!-- <div class="popup_btn">
							<button type="button" class="btnType" onClick="javascript:fnSelectAddrGrpList(); return false;">선택 그룹 추가</button>
						</div> -->
					</div>
					<div class="adr_pop_right">
						<div class="clearfix">
							<div class="btnWrap_last">
								<label for="searchAddrCondition" class="label">카테고리 선택</label>
								<select id="searchAddrCondition" name="searchAddrCondition" class="selType2">
									<option value='0'>전체</option>
									<option value='1'>그룹명</option>
									<option value='2'>이름</option>
									<option value='3'>수신자번호</option>
								</select>
								<label for="searchAddrKeyword" class="label">검색어 입력</label>
								<input type="text" id="searchAddrKeyword" name="searchAddrKeyword" placeholder="검색어를 입력하세요"  onfocus="this.placeholder=''" onblur="this.placeholder='검색어를 입력하세요'" >
								<button type="button" class="btnType btnType17"  onClick="javascrit:fnAddrSearch(); return false;">검색</button>
							</div>
							<!-- table -->
							<div class="adr_excel adr_pop_list2 callAddr_box">
							</div>
							<!--// table -->
						</div>
						<div class="popup_btn_wrap2">
							<button type="button" onClick="javascript:addrToList(); return false;">추가</button>
							<button type="button" onClick="javascript:addrClose(); return false;">닫기</button>
						</div>
						<%-- 주소록 레이어 팝업 닫기 실행 코드 --%>
						<input type="hidden" name="btnAddrClose" id="btnAddrClose" class="tooltip-close closeAddr" data-focus="popup06-close" />         
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<!--// 주소록 불러오기 -->

<!-- 엑셀 불러오기 -->
<form id="excelForm" name="excelForm" method="post">
	<div class="tooltip-wrap">
		<div class="popup-com import_layer popup02" tabindex="0" data-tooltip-con="popup02" data-focus="popup02" data-focus-prev="popup02-close">
			<div class="popup_heading">
				<p><span>엑셀</span> 불러오기</p>
				<button type="button" class="tooltip-close" data-focus="popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
			</div>
			<div class="layer_in">
				<!-- 엑셀파일 불러오기 -->
				<div class="hascont">
					<div class="titBox">
						<p>- 최대 2만 건까지 등록할 수 있습니다.</p>
						<p>- [엑셀 불러오기]시 문서의 A, B, C, D열을 불러옵니다.(지원하는 파일 형식 : xls, xlsx)</p>
<!-- 						<p>- 이름 : 20byte, [*1*] [*2*] : 40byte까지 입력 가능합니다.</p> -->
						<p>- 이름 : 20byte까지 입력 가능합니다.</p>
						<p>- 휴대폰 항목은 숫자, 하이픈(-)만 인식하며, 번호 앞에 0이 생략되어도 정상 등록됩니다.
						</p>
						<!-- <button type="button" class="excel_btn" onclick="location.href='/cmm/fms/FileDown.do?atchFileId=FILE_000000000011651&fileSn=1'"><i></i>샘플파일 다운로드</button> -->
						<button type="button" class="excel_btn" onclick="location.href='/download/msg/팩스_엑셀주소록_등록양식.xlsx'"><i class="downroad"></i>샘플파일 다운로드</button>
					</div>
					<div class="attachedFile">
						<label for="" class="attachedFile_label">첨부파일</label>
						<input type="text" id="excelNm" readonly>
						<input type="file" id="excelFile" accept=".xls, .xlsx" onchange="excelExport(event); return false;" style="display:none"/>
						<button type="button" class="btnType btnType6 c3">찾아보기</button>
						<p><span class="vMiddle">*</span> 첨부된 파일은 <span class="c_e40000">[추가]버튼을 클릭</span>하셔야 받는 사람에 등록됩니다.</p>
					</div>
				</div><!--// 엑셀파일 불러오기 -->
				<div class="popup_btn_wrap2">
					<button type="button" class="tooltip-close" data-focus="popup02-close"  data-focus-next="popup02" id="excelAdd">추가</button>
					<button type="button" class="tooltip-close" data-focus="popup02-close"  data-focus-next="popup02">닫기</button>                      
				</div>
			</div>
		</div>
	</div>
</form>
<!--// 엑셀 불러오기 -->
<!--// 전송내역 팝업  시작-->
<div class="tooltip-wrap">
		<div class="popup-com history_layer popup03" tabindex="0" data-tooltip-con="popup03" data-focus="popup03" data-focus-prev="popup03-close">
			<div class="popup_heading">
				<p><span>전송내역</p>
				<button type="button" class="tooltip-close" data-focus="popup03-close" id="btnLatestAddPhoneClose"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
			</div>
			<div class="layer_in">
				<!-- tab button -->
				<ul class="tabType6"> 
					<li class="tab active"><button type="button" onclick="TabType(this,'1');">최근 전송내역</button></li>
					<li class="tab"><button type="button" onclick="TabType(this,'2');">자주보내는 번호</button></li>
				</ul><!--// tab button -->
				<!-- 최근 전송내역 -->
				<div class="history_cont hascont current">
					<div class="histroy_trans latestMsgArea" id="latestMsgArea">
						<ul id="latestMsgUl">
							<c:choose>
								<c:when test="${not empty resultLatestMsgList}">
									<c:forEach var="latestMsgList" items="${resultLatestMsgList}" varStatus="status">
										<li id="latestLi">
											<input type="checkbox" id="addrChk_${status.count}" name="latAddrChk" value="<c:out value='${latestMsgList.callTo}'/>">
											<label for="addrChk_${status.count}" class="label">최근 전송내역</label>
											<p><c:out value="${latestMsgList.callTo}"/></p>
											<button type="button" id="latestAddrDel"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
										</li>
									</c:forEach>
								</c:when>
								<c:otherwise>
									<li>
										<p>최근 발송 내역이 없습니다.</p>
									</li>
								</c:otherwise>
							</c:choose>
						</ul>
					</div>
					<div class="popup_btn_wrap2 hisroy_btn">
						<button type="button" id="latestAddPhone">선택추가</button>
						<button type="button" id="latestCancelPhone">선택취소</button>                      
					</div>
				</div><!--// 최근 전송내역 -->
				<!-- 자주보내는 번호 -->
				<div class="history_cont hascont">
					<div class="histroy_trans" id="bookMarkMsgArea">
						<ul id="bookMsgUl">
							<c:choose>
								<c:when test="${not empty resultBookMarkMsgList}">
									<c:forEach var="bookMarkMsgList" items="${resultBookMarkMsgList}" varStatus="status">
										<li id="bookMarkLi">
											<input type="checkbox" id="bokAddrChk_${status.count}" name="bookAddrChk" value="<c:out value='${bookMarkMsgList.addrPhoneNo}'/>">
											<label for="addrChk_${status.count}" class="label">최근 전송내역</label>
											<p><c:out value="${bookMarkMsgList.addrPhoneNo}"/></p>
											<button type="button" id="bookMarkAddrDel"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
										</li>
									</c:forEach>
								</c:when>
								<c:otherwise>
									<li>
										<p>등록된 자주 보내는 번호 내역이 없습니다.</p>
									</li>
								</c:otherwise>
							</c:choose>
						</ul> 
					</div>
					<div class="popup_btn_wrap2 hisroy_btn">
						<button type="button" id="bookMarkAddPhone">선택추가</button>
						<button type="button" id="bookMarkCancelPhone">선택취소</button>                      
					</div>
				</div><!--// 자주보내는 번호  -->         
			</div>
		</div>
	</div>
<!--// 전송내역 팝업 -->



<!-- 팩스 전송 결과 -->

	<div class="tooltip-wrap">
		<!-- 문자발송 성공 레이어팝업 -->
		<div class="popup-com pop_msg_success">
			<div class="popup_heading">
				<p>문자 전송 결과</p>
<!-- 				<button type="button" class="tooltip-close" onclick="msgSuccessClose(this);"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> -->
			</div>
			<div class="layer_in">
				<div class="msg_text"
				</div>
			</div>
			<div class="popup_btn">
				<button type="button" onclick="goPage(); return false;">팩스 발송결과 바로가기</button>                      
				<button type="button" class="tooltip-close" onclick="window.location.reload()">확인</button>                      
			</div>
		</div>
	</div>


<!-- //팩스 전송 결과 -->
<%--
====================================================================
=								레이어 팝엽 끝						   =
====================================================================
 --%>
 
 
