<%@ 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="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page import="itn.com.cmm.LoginVO" %>
<!-- <script src="/publish/js/content.js"></script> -->
<script src="/publish/js/popupLayer.js"></script>

<script type="text/javascript">

var lastfulstday = "";		//전월 시작일
var lastfuledday = "";		//전월 마지막일
var thisfulstlday = "";		//당월 시작일
var thisfuledtlday = "";	//당원 마지막일
var threefulstday = "";		//3개월전 시작일
var threefuledday = "";		//3개월전 마지막일

function firstLodingSet(){
	var html = "";
	html += '<div class="list_info">';
	html += '    <p>총 발송건수 <span class="c_e40000">0</span>건</p>';
	html += '    <div>';
	html += '        <p class="cf_text c_e40000">※ 예약 발송취소는 예약 발송시간 기준 5분 전까지만 가능</p>';
	html += '        <label for="pageUnit" class="label">줄보기 선택</label>';
	html += '        <select id="pageUnit" name="pageUnit" class="selType2">';
	html += '            <option value="10" selected>10개보기</option>';
	html += '        </select>';
	html += '    </div>';
	html += '</div>';
	html += '<div class="tb_wrap">';
	html += '    <table class="tType4">';
	html += '        <colgroup>';
	html += '            <col style="width: 45px;">';
	html += '            <col style="width: 12%;">';
	html += '            <col style="width: 7%;">';
	html += '            <col style="width: auto;">';
	html += '            <col style="width: 7%;">';
	html += '            <col style="width: 6%;">';
	html += '            <col style="width: 6%;">';
	html += '            <col style="width: 6%;">';
	html += '            <col style="width: 6%;">';
	html += '            <col style="width: 6%;">';
	html += '            <col style="width: 8%;">';
	html += '            <col style="width: 8%;">';
	html += '        </colgroup>';
	html += '        <thead>';
	html += '            <tr>';
	html += '                <th rowspan="2">';
	html += '                    <label for="" class="label">전체 선택</label>';
	html += '                    <input type="checkbox" id="allCheck" name="allCheck">';
	html += '                </th>';
	html += '                <th rowspan="2">발송일시';
	html += '                    <div class="sort_wrap">';
	html += '                        <input type="button" class="sort sortBtn" id="sort_reqdate">';
	html += '                    </div>';
	html += '                </th>';
	html += '                <th rowspan="2">형태';
	html += '                    <div class="sort_wrap">';
	html += '                        <input type="button" class="sort sortBtn" id="sort_orderByCode">';
	html += '                    </div>';
	html += '                </th>';
	html += '                <th rowspan="2">내용</th>';
	html += '                <th rowspan="2">발송건수';
	html += '                    <div class="sort_wrap">';
	html += '                        <input type="button" class="sort sortBtn" id="sort_msgGroupCnt">';
	html += '                    </div>';
	html += '                </th>';
	html += '                <th rowspan="2">대기</th>';												
	html += '                <th colspan="2">카카오톡결과</th>';
	html += '                <th colspan="2">대체문자결과</th>';
	html += '                <th rowspan="2">금액(원)</th>';
	html += '                <th rowspan="2">진행상황</th>';
	html += '            </tr>';
	html += '            <tr>';
	html += '                <th>성공</th>';
	html += '                <th>실패</th>';
	html += '                <th>성공</th>';
	html += '                <th>실패</th>';
	html += '            </tr>';
	html += '        </thead>';
	html += '        <tbody>';
	html += '            <tr><td colspan="12">LOADING...</td></tr>';
	html += '        </tbody>';
	html += '    </table>';
	html += '</div>';
	
	$(".msgSentAllLoad").html(html);
}


$(document).ready(function(){
	
	firstLodingSet();
	
	//초기 전체 리스트 페이지 보여주기
	var form = document.searchForm;
	form.listType.value = "groupList";
	linkPage(<c:out value="${searchVO.pageIndex}"/>);
	
	var date = new Date() ;
	//이전달 첫날/마지막날 조회
	if(date.getMonth()+1 == 1){
		lastfulstday = date.getFullYear()-1 +  "/12" + "/01";
		lastfuledday = date.getFullYear()-1 +  "/12" + "/"+new Date(date.getFullYear()-1, 12, 0).getDate()+"";
	}else{
		lastfulstday = date.getFullYear() + "/" ; 
		lastfulstday += date.getMonth() < 10  ? "0"+ (date.getMonth()) : date.getMonth()+"" ;
		lastfuledday = lastfulstday + "/"+ new Date(date.getFullYear(), date.getMonth(), 0).getDate()+"" ;
		lastfulstday += "/01" ;
	}
	
	//당월 첫날/마지막날 조회
	thisfulstlday = date.getFullYear() + "/" ;
	thisfulstlday += date.getMonth()+1 < 10  ? "0"+ (date.getMonth()+1) : date.getMonth()+1+"" ;
	thisfuledtlday = thisfulstlday + "/"+ new Date(date.getFullYear(), date.getMonth()+1, 0).getDate()+"";
	thisfulstlday += "/01" ;
	
	//3개월 이전 날짜 구해오기
	threefulstday = prevMonth(3);
	threefuledday = today();
	
	// 정렬 항목 이벤트
	$(document).on('click', '.sort', function (){
		listSortOrd(this);
	});

	//목록 정렬 항목 클릭
	function listSortOrd(obj){
		var sortOrd = $(obj).attr("sortOrd");
		var sortCnd = $(obj).attr("id");
		 
		$("[name='searchSortCnd']").val(sortCnd.substring(5)); // 구분자 제거
		if (sortOrd == "desc") $("[name='searchSortOrd']").val("asc");
		else $("[name='searchSortOrd']").val("desc");
		
		linkPage('1');  //각 JSP마다 다를때 메소드 정의해 줘야됨
	}
	
	
	//전체선택 실행
	var allChkSts = false;
	$("#allCheck").click(function(){
		
		if(!allChkSts){// 전체선택이 해제되어 있을 경우
			
			$("input[name=msgSentDel]").prop("checked", true);
			allChkSts = true;
			
		}else{
			
			$("input[name=msgSentDel]").prop("checked", false);
			allChkSts = false;

		}
		
	});
	
	/* $(document).on('change','#pageUnit', function(){
		
		linkPage(1);
		
	}); */
	
	//발송건수 셋
	cntSet();
	
});

//오늘날짜 구하기
function today() {
   var d = new Date();
   return getDateStr(d);
}

//이전 날짜 구하기
function prevDay(days) {
   var d = new Date();
   var dayOfMonth = d.getDate();
   d.setDate(dayOfMonth - days);
   return getDateStr(d);
}
	
//이전 월 구하기
function prevMonth(month) {
   var d = new Date();
   var monthOfYear = d.getMonth();
   d.setMonth(monthOfYear - month);
   return getDateStr(d);
}

//날짜 받아오기
function getDateStr(myDate){
   var year = myDate.getFullYear();
   var month = ("0"+(myDate.getMonth()+1)).slice(-2);
   var day = ("0"+myDate.getDate()).slice(-2);
   return ( year + '/' + month + '/' + day );
}

//캘린더에 날짜 입력해 주기
function setCalVal(val,targetObj){
	$('input[name='+targetObj+']').val(val) ;
}


//검색 버튼 실행
function linkPage(pageNo){
	
	var form = document.searchForm;
	var stateType = form.stateType.value;
	form.pageIndex.value = pageNo;
	
	var sendData =  $(document.searchForm).serializeArray();
// 	$(".msgSentAllLoad").html('<div class="list_info"><table class="tType4"><tbody><tr><td colspan="12">LOADING...</td></tr></tbody></table></div>');
	$(".msgSentAllLoad tbody:first").html('<tr><td colspan="12">LOADING...</td></tr>');
	$(".msgSentAllLoad").load("/web/kakao/sent/selectKakaoSentListViewAjax.do", sendData ,function(response, status, xhr){
		if (status === 'success') {
	        $(this).html(response);
	    }
	});
	
}

//상세보기 버튼 실행
function fnRevDetailPop(msgGroupId, msgId){
	document.resPopForm.msgGroupId.value = msgGroupId;
	document.resPopForm.msgId.value = msgId;
	var sendData =  $(document.resPopForm).serializeArray();
	
	var form = document.searchForm;
	$("#msgSentDetailPopLoad").load("/web/kakao/sent/selectKakaoSentDetailDataAjax.do", sendData ,function(response, status, xhr){
		// 상세보기 클릭때마다 툴팁 1 tab이 열리게 설정
		popupTab($('#atBtn'),'1');
		$('#tooltopClick').trigger('click');
	});		
	
}

function fnListLoad(pageType, tabNum){
	
	var form = document.searchForm;
	var $tab = $(".table_tab_wrap li").eq(tabNum); 	//
	$tab.addClass("active");
	$tab.find("button").attr("title", "선택됨");
	$tab.siblings("li.tab").removeClass("active");
	$tab.siblings("li.btn_tab").removeClass("active");
	$tab.siblings("li.tab").find("button").removeAttr("title");
	
	form.stateType.value = pageType;
	
	linkPage(1);
	
}

// 전체/단문/장문/그림 탭 선택 처리
function fnTabLoad(tabType, tabNum){
	
	var form = document.searchForm;
	
	form.tabType.value = tabType;
	
	//해당 탭의 전체 리스트 내역으로 불러오기
	fnListLoad('all', '0');
	var n=tabNum+1;
	
	//탭 선택 CSS 처리 
	var $tab = $(".list_tab_wrap2 li:nth-child("+n+")"); 
	var $tabPrev = $(".list_tab_wrap2 li:nth-child("+n+")").prev("li")
	$tab.addClass("active");
	$tab.find("button").attr("title", "선택됨");
	$tab.siblings("li.tab").removeClass("active");
	$tab.siblings("li.tab").find("button").removeAttr("title");

	$tab.siblings("li:not(li:last-child)").find("button").css("border-right","1px solid #e5e5e5");
	$tabPrev.find("button").css("border-right","0");
	
}

function fnSearch(pageNo){
	
// 	var form = document.searchForm;
	
// 	form.pageIndex.value = pageNo ;
	
	
// 	form.action="/web/kakao/sent/selectKakaoSentView.do";
// 	form.submit();
	cntSet();
	linkPage(pageNo);
}

function fnExcelDownLoad(pageType, listType){
	
	var form = document.searchForm;
	var loginVO = '${LoginVO}';
	
	form.stateType.value = pageType;
	form.listType.value = listType;
	
	if(loginVO == "" || loginVO == null){
		
		alert("로그인 후 이용이 가능합니다.");
		return false;
		
	}
	
	if(confirm("엑셀 다운로드를 하시겠습니까?")){
		
		form.action="/web/mjon/msgsent/kakaoSentExcelDownLoadAjax.do";
		form.submit();
	
	}
	
}

$(document).on('click', '.msgGgoupList', function(){
	
	var form = document.searchForm;
	form.listType.value = "groupList";
	linkPage(1);
	
});

/* 사용내역서 클릭 시 내역서 새창 팝업 오픈  */
function fnShowPrintPopup(tabType, type) { 
	//만들려는 팝업의 크기
	var popup_wid = '840';
	var popup_ht = '900';

	var popup_left = (window.screen.width / 2) - (popup_wid / 2);
	var popup_top =(window.screen.height / 2) - (popup_ht / 2);

	$("#tabType").val(tabType);
	$("#searchForm").attr("target","msgSentPrint");
	
	window.open('', 'msgSentPrint', 'width='+ popup_wid +', height='+ popup_ht +', left=' + popup_left + ', top='+ popup_top +',scrollbars=1');
	$("#searchForm").attr({"action":"/web/kakao/sent/printKakaoSentDataAjax.do", "method":"post"}).submit();
	
}

/* 윈도우팝업 열기 */
function infoPop(pageUrl){
	document.popForm.pageType.value = pageUrl;
	document.popForm.action = "/web/pop/infoPop.do";
	document.popForm.method = "post"; 
	window.open("about:blank", 'infoPop', 'width=790, height=320, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=1');
	document.popForm.target = "infoPop";
	document.popForm.submit();
}

function cntSet(){

	$('#ntceBgnde').val($('#startDate').val());
	$('#ntceEndde').val($('#endDate').val());
	
	$.ajax({
        url: '/web/kakao/sent/selectKakaoSentViewTotalSumAjax.do',
        type: 'POST',
//         contentType: 'application/json',
        contentType: false,
        processData: false,
        data: new FormData(document.searchForm),
        success: function(response) {
			
			cntView('allCnt', response.allCnt);
			cntView('atCnt', response.atCnt);
			cntView('ftCnt', response.ftCnt);
			//cntView('ftCnt', response.ftCnt);
        },
        error: function(error) {
        	alert("error");
        },
        beforeSend : function(xmlHttpRequest) {
        	//로딩창 show
        	$('#lodingBefore').show();
			$('#lodingAfter').hide();
		},
		complete : function(xhr, textStatus) {
        	//로딩창 hide
			$('#lodingBefore').hide();
			$('#lodingAfter').show();
		}
    });
}

function cntView(type, obj){
	$('#'+type+' span[name="allCnt"]').text(obj.allCount.toLocaleString());
    $('#'+type+' span[name="waitCnt"]').text(obj.waitCount.toLocaleString());
    $('#'+type+' span[name="succCnt"]').text(obj.successCount.toLocaleString());
    $('#'+type+' span[name="failCnt"]').text(obj.failCount.toLocaleString());
}

//선택 삭제 실행
function fnDelete(){
	
	var msgId = [];
	if($("input:checkbox[name='msgSentDel']").is(":checked")==false){
		alert("한 개 이상의 전송 내역을 선택하세요");
		return;
	}
	
	$("input:checkbox[name='msgSentDel']:checked").each(function(index){
		var disabledChk = $(this).prop('disabled');
		if(!disabledChk){ //checkbox disabled 인 것은 제외하고 아이디 저장
			msgId[index] = $(this).val();
		}
	});
	
	console.log('msgId : ', msgId);
	
	if(msgId.length < 1){
		alert("삭제할 문자를 선택해 주세요.");
		return false;
	}
		
		//22.04.25 구글 독스 alert 기준으로 이지우가 수정
		/* if(confirm("선택한 발송문자를 삭제하시겠습니까? 삭제된 문자는 복구가 불가능 합니다.")) */
		if(confirm("선택한 목록을 삭제하시겠습니까?\n삭제한 목록은 복구가 불가합니다.")){
			
			document.searchForm.msgGroupIdList.value = msgId;
			var sendData =  $(document.searchForm).serializeArray();
			
			$(".msgSentAllLoad").load("/web/mjon/msgsent/deleteMsgSentDataAjax.do", sendData ,function(response, status, xhr){
			});

			alert("삭제되었습니다.");
			var form = document.searchForm;
			form.action="/web/kakao/sent/selectKakaoSentView.do";
			form.submit();
		}
	
}

function fn_sentDetailView(msgGroupId) {
	// msgGroupId 값을 form에 설정
	$("#searchForm #msgGroupId").val(msgGroupId);
	
	$('#ntceBgnde').val($('#startDate').val());
	$('#ntceEndde').val($('#endDate').val());

	// form을 해당 URL로 제출
	$("#searchForm").attr("action", "/web/kakao/sent/selectKakaoSentDetailView.do");
	$("#searchForm").submit();
}

</script>

	
	<!-- 그룹등록 팝업 data-tooltip:rev_popup02 -->
	<div class="tooltip-wrap">
		<div class="popup-com adr_layer rev_popup02" tabindex="0" data-tooltip-con="rev_popup02" data-focus="rev_popup02" data-focus-prev="rev_popup02-close" style="width: 500px;">
			<div class="popup_heading">
				<p>그룹등록</p>
				<button type="button" class="tooltip-close" data-focus="rev_popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
			</div>
			<div class="layer_in">
				<div class="gorup_join_cont">
					<p class="adr_pop_title">선택된 발송내역 전화번호를 그룹으로 등록합니다.</p>
					<div class="group_input" style="margin-top: 0;">
						<div class="input_left">그룹이름</div>
						<div class="input_right">
							<label for="grpNm" class="label">새 그룹명 입력</label>
							<input type="text" id="grpNm" name="grpNm" placeholder="새 그룹명 입력" onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명 입력'" class="inputLight">
						</div>
					</div>
					<div class="popup_btn_wrap2">
						<button type="button" onclick="javascript:fnAddAddrNo(); return false;">저장</button>
						<button type="button" class="tooltip-close" data-focus="rev_popup02-close" data-focus-next="rev_popup02">취소</button>                      
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="inner">
		<!-- send top -->
		<div class="send_top">
		<!-- 결제관리 - 요금 사용내역 -->
			<div class="rev_admin_cont serv_content current">
				<div class="heading">
					<h2>발송결과</h2>
					<button type="button" class="button info" onclick="infoPop('selectMsgSentView');">사용안내</button>
					<button type="button" class="button junk" data-tooltip="popupJunk">통신사 스팸규격안내</button>
				</div>
				<div class="pay_tab_wrap">
					<!-- tab button -->
					<%@include file="/WEB-INF/jsp/web/kakao/include/KakaoSentTopMentTap.jsp" %>
					<!--// tab button -->
				</div>
				<form id="searchForm" name="searchForm" method="post">
					<input type="hidden" id="pageIndex" name="pageIndex" value="<c:out value="${searchVO.pageIndex}" />"/>
<%-- 					<input type="hidden" id="pageIndex" name="pageIndex" value="<c:out value="${searchVO.pageIndex}" />" /> --%>
					<input type="hidden" id="pageUnit" name="pageUnit" value="<c:out value="${searchVO.pageUnit}" />" />
					<input type="hidden" id="msgGroupIdList" name="msgGroupIdList" value=""/>
					<input type="hidden" name="searchSortCnd" value="<c:out value="${searchVO.searchSortCnd}" />" />
					<input type="hidden" name="searchSortOrd" value="<c:out value="${searchVO.searchSortOrd}" />" />
					<!-- <input type="hidden" id="tabType" name="tabType" value="all"/>탭 종류 -->
					<input type="hidden" id="tabType" name="tabType" value="${searchVO.tabType}"/><!-- 탭 종류 -->
					<!-- <input type="hidden" id="stateType" name="stateType" value="all"/>발송상태 종류 -->
					<input type="hidden" id="stateType" name="stateType" value="${searchVO.stateType}"/><!-- 발송상태 종류 -->
					<input type="hidden" id="listType" name="listType" value="groupList"/><!-- 리스트 종류 -->
					<input type="hidden" id="addrGrpNm" name="addrGrpNm" value=""/><!-- 주소록 그룹 이름 -->
					<input type="hidden" id="mberId" name="mberId" value="${LoginVO.id}"/><!-- 주소록 그룹 이름 -->
					<input type="hidden" id="ntceBgnde" name="ntceBgnde" value=""/>
					<input type="hidden" id="ntceEndde" name="ntceEndde" value=""/>
					<input type="hidden" id="msgGroupId" name="msgGroupId" value=""/>
					
			<div class="rev_content kakao_rev_content" id="tab5_2">
			
				<!-- 발송결과 개선 : 문구추가 -->
				<div class="titBox_result">
					<p>- 최대 3개월간의 발송내역만 확인하실 수 있습니다.</p>
					<p>- 전송내역이 필요한 경우 기간 내에 다운로드하여 주시기 바랍니다.</p>
				</div>
				<!--// 발송결과 개선 : 문구추가 -->
			
				<div class="excel_middle">
					<div class="select_btnWrap clearfix">
						<div class="btn_left">
							<span class="cal_label">기간선택</span>
							<div class="calendar_wrap">
								<input type="text" class="startDate inp calendar" title="검색 시작일" id="startDate" name="startDate" value="<c:out value='${kakaoSentVO.startDate}'/>" data-datecontrol="true">
								<span class="dateEtc">~</span>
								<input type="text" class="endDate inp calendar" title="검색 종료일" id="endDate" name="endDate" value="<c:out value='${kakaoSentVO.endDate}'/>" data-datecontrol="true">
							</div>
							<!-- <button type="button">전월</button>
							<button type="button">당월</button> -->
							<button type="button" onclick="setCalVal(lastfulstday,'startDate');setCalVal( lastfuledday,'endDate'); return false;"  class="btnType btnType19">전월</button>
							<button type="button" onclick="setCalVal(thisfulstlday,'startDate');setCalVal( thisfuledtlday,'endDate'); return false;"  class="btnType btnType19">당월</button>
							<!-- <button type="button">3개월</button> -->
							<button type="button" onclick="setCalVal(threefulstday,'startDate');setCalVal( threefuledday,'endDate'); return false;"  class="btnType btnType19">3개월</button>
							<button type="button" class="btnType6" onClick="javascript:fnSearch(1); return false;">조회</button>
						</div>
						<div class="btn_right">
							<label for="searchCondition" class="label">발신번호 선택 == ${kakaoSentVO.searchCondition}</label>
							<select name="searchCondition" id="searchCondition" class="selType2">
<%-- 								<option value="4" <c:if test="${kakaoSentVO.searchCondition == '3'}">selected</c:if> >채널ID</option> --%>
								<option value="3" <c:if test="${kakaoSentVO.searchCondition == '3'}">selected</c:if> >내용</option>
								<option value="4" <c:if test="${kakaoSentVO.searchCondition == '4'}">selected</c:if> >수신번호</option>
<%-- 								<option value="3" <c:if test="${kakaoSentVO.searchCondition == '3'}">selected</c:if> >수신번호</option> --%>
							</select>
							<div class="search">
								<label for="id" class="label"></label>
								<input type="text" id="searchKeyword" name="searchKeyword" value="<c:out value='${searchKeyword}'/>" placeholder="검색어를 입력하세요." onfocus="this.placeholder=''" onblur="this.placeholder='검색어를 입력하세요.'">
								<button type="button" class="btnType btnType2" onClick="javascript:fnSearch(1); return false;">검색</button>
							</div>
						</div>
					</div>
				</div>
				
				<div class="rev_admin" id="lodingBefore">
					<div class="rev_admin_in">
						<div class="rev_admin_top clearfix">
							<p>전체</p>
							<p></p>
						</div>
						<div class="rev_admin_btm admin_btm">
							<table class="tType4"><tbody><tr><td>LOADING...</td></tr></tbody></table>
						</div>
					</div>
					<div class="rev_admin_in">
						<div class="rev_admin_top clearfix">
							<p>알림톡</p>
							<p></p>
						</div>
						<div class="rev_admin_btm admin_btm">
							<table class="tType4"><tbody><tr><td>LOADING...</td></tr></tbody></table>
						</div>
					</div>
					<div class="rev_admin_in">
						<div class="rev_admin_top clearfix">
							<p>친구톡</p>
							<p></p>
						</div>
						<div class="rev_admin_btm admin_btm">
							<table class="tType4"><tbody><tr><td>LOADING...</td></tr></tbody></table>
						</div>
					</div>
				</div>
				
				<div class="rev_admin" id="lodingAfter" style="display:none;">
					<div class="rev_admin_in" id="allCnt">
						<div class="rev_admin_top clearfix">
							<p>전체</p>
							<p><span name="allCnt">0</span> 건</p>
						</div>
						<div class="rev_admin_btm">
							<dl>
								<dt>대기</dt>
								<dd><span class="c_002c9a" name="waitCnt">0</span>건</dd>
							</dl>
							<dl>
								<dt>성공</dt>
								<dd><span class="c_002c9a" name="succCnt">0</span>건</dd>
							</dl>
							<dl>
								<dt>실패</dt>
								<dd><span class="c_e40000" name="failCnt">0</span>건</dd>
							</dl>
						</div>
					</div>
					<div class="rev_admin_in" id="atCnt">
						<div class="rev_admin_top clearfix">
							<p>알림톡</p>
							<p><span name="allCnt">0</span> 건</p>
						</div>
						<div class="rev_admin_btm">
							<dl>
								<dt>대기</dt>
								<dd><span class="c_002c9a" name="waitCnt">0</span>건</dd>
							</dl>
							<dl>
								<dt>성공</dt>
								<dd><span class="c_002c9a" name="succCnt">0</span>건</dd>
							</dl>
							<dl>
								<dt>실패</dt>
								<dd><span class="c_e40000" name="failCnt">0</span>건</dd>
							</dl>
						</div>
					</div>
					<div class="rev_admin_in" id="ftCnt">
						<div class="rev_admin_top clearfix">
							<p>친구톡</p>
							<p><span name="allCnt">0</span> 건</p>
						</div>
						<div class="rev_admin_btm">
							<dl>
								<dt>대기</dt>
								<dd><span class="c_002c9a" name="waitCnt">0</span>건</dd>
							</dl>
							<dl>
								<dt>성공</dt>
								<dd><span class="c_002c9a" name="succCnt">0</span>건</dd>
							</dl>
							<dl>
								<dt>실패</dt>
								<dd><span class="c_e40000" name="failCnt">0</span>건</dd>
							</dl>
						</div>
					</div>
				</div>
				
				<div class="list_tab_wrap2 type4">
					<!-- tab button -->
					<ul class="list_tab">
						<li class="tab active"><button type="button" onclick="fnTabLoad('',0); return false;">전체</button></li>
						<li class="tab"><button type="button" onclick="fnTabLoad('at', 1); return false;">알림톡</button></li>
						<li class="tab"><button type="button" onclick="fnTabLoad('ft', 2); return false;">친구톡</button></li>
					</ul><!--// tab button -->
				</div>
				<!-- 예약관리 > 전체 -->
					<div class="price_history_cont current price_wrap" id="listTab_2">
						<!-- tab button -->
						<div class="table_tab_wrap">
							<!-- <ul>
								<li class="tab active">
								<button type="button" onclick="fnListLoad('all','0'); return false;">전체</button></li>
								<li class="tab"><button type="button" onclick="fnListLoad('ready','1'); return false;">결과대기</button></li>
								<li class="tab"><button type="button" onclick="fnListLoad('complete','2'); return false;">정상수신</button></li>
								<li class="tab"><button type="button" onclick="fnListLoad('fail','3'); return false;">수신오류</button></li>
							</ul> -->
							<!--// tab button -->
<!-- 							<div class="tab_depth1"> -->
<!-- 								<a href="#none" class="on msgGgoupList">받는사람(전송건별)</a> -->
<!-- 								<a href="#none" style="display: none;"></a> -->
<!-- 								<a href="#none" class="msgPrivateList">받는사람(개인별)</a> -->
<!-- 								<div class="on_active">받는사람(전송건별)</div> -->
<!-- 							</div> -->
							<ul>
								<li class="tab <c:if test="${searchVO.stateType eq 'all' || searchVO.stateType eq '' || empty searchVO.stateType}">active</c:if>">
									<button type="button" onclick="fnListLoad('all','0'); return false;">전체</button>
								</li>
								<!-- <li class="tab">
									<button type="button" onclick="fnListLoad('ready','1'); return false;">결과대기</button>
								</li>
								<li class="tab">
									<button type="button" onclick="fnListLoad('complete','2'); return false;">정상수신</button>
								</li>
								<li class="tab">
									<button type="button" onclick="fnListLoad('fail','3'); return false;">수신오류</button>
								</li> -->
								<li class="tab <c:if test="${searchVO.stateType eq 'N'}">active</c:if>">
									<button type="button" onclick="fnListLoad('N','1'); return false;">즉시</button>
								</li>
								<li class="tab" <c:if test="${searchVO.stateType eq 'Y'}">active</c:if>>
									<button type="button" onclick="fnListLoad('Y','2'); return false;">예약</button>
								</li>
							</ul>
							<!-- 발송화면 개선 : 발송결과 추가-->
							<div class="tab_btnbox">
								<button type="button" class="btnType btnType14 check_validity">발송결과<i class="qmMark"></i></button>
								<div class="info_hover_cont send_hover_cont price_hover">
									<dl>
										<dt class="c_222">[<span>대기</span>]</dt>
										<dd>발송은 성공하였으며, 수신자측 통신사로부터 수신여부를 확인중인 상태 <br>
                                               <span>※ 예약발송의 경우 실발송 전까지는 “대기”로 표시</span>
                                           </dd>
										<dt class="c_002c9a">[<span>성공</span>]</dt>
										<dd>발송 및 수신이 완료된 상태</dd>
										<dt class="c_e40000">[<span>실패</span>]</dt>
										<dd class="last">결번, 일시정지, 전화번호 오류 등의 사유로 발송이
											불가한 상태</dd>
									</dl>
								</div>
							</div>
							<!--// 발송화면 개선 : 발송결과 추가-->
						</div>
						<!-- 발송관리 리스트 -->
						<div class="table_cont current msgSentAllLoad" id="tableCont_1">
						</div><!-- //전체 종료 -->
						<!-- table -->
					</div>
				</form>
				</div>
			</div>
		</div><!--// send top -->
	</div>
	<form id="resPopForm" name="resPopForm" method="post">
		<input type="hidden" id="msgGroupId" name="msgGroupId" value=""/>
		<input type="hidden" id="msgId" name="msgId" value=""/>
		<input type="hidden" id="fileCnt" name="fileCnt" value=""/>
		<input type="hidden" id="resultType" name="resultType" value="S"/>
	</form>
	<form name="popForm" id="popForm" method="post">
		<input type="hidden" name="pageType" id="pageType" value=""/> 
	</form>
	