<%@ 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개월전 마지막일

$(document).ready(function(){
	
	//초기 전체 리스트 페이지 보여주기
	linkPage(1);
	
	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);
	}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();
	
	/* 목록 정렬 항목 아이콘 표시 */ 
	var searchSortCnd = $("[name='searchSortCnd']").val();
	var searchSortOrd = $("[name='searchSortOrd']").val();
	
	if (searchSortCnd != "" && searchSortOrd != "" && searchSortCnd  != undefined && searchSortOrd  != undefined) {
		var $sort_div = $("#sort_"+ searchSortCnd);
		var sortClass = 'sortBtn' ;
		
		if (searchSortOrd == "desc") sortClass = "sortBtnDesc";
		
		$sort_div.replaceClass('sortBtn' , sortClass) ;
		$sort_div.attr("sortOrd", searchSortOrd);
	}

	// 정렬 항목 이벤트
	$(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=resvMsgDel]").prop("checked", true);
			allChkSts = true;
			
		}else{
			
			$("input[name=resvMsgDel]").prop("checked", false);
			allChkSts = false;

		}
		
	});
	
	$(document).on('change','#pageUnit', function(){
		
		linkPage(1);
		
	});
	
});

//오늘날짜 구하기
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();
	$(".resvMsgAllLoad").html('<div class="list_info"><table class="tType4"><tbody><tr><td colspan="12">LOADING...</td></tr></tbody></table></div>');
	$(".resvMsgAllLoad").load("/web/mjon/reservmsg/selectReservKakaoListViewAjax.do", sendData ,function(response, status, xhr){
	});
	
}

//선택 삭제 실행
function fnDelete(){
	
	var msgId = [];
	if($("input:checkbox[name='resvMsgDel']").is(":checked")==false){
		alert("선택된 항목이 없습니다.");
		return;
	}
	
	$("input:checkbox[name='resvMsgDel']:checked").each(function(index){
		
		var disabledChk = $(this).prop('disabled');
		if(!disabledChk){ //checkbox disabled 인 것은 제외하고 아이디 저장
			
			msgId[index] = $(this).val();
			
		}
		
	});
	
	if(msgId.length > 0){
		
		//22.04.25 구글 독스 alert 기준으로 이지우가 수정
		/* if(confirm("선택한 예약문자를 삭제하시겠습니까? 삭제된 문자는 복구가 불가능 합니다.")){ */
		if(confirm("선택한 목록을 삭제하시겠습니까?")){
			
			document.searchForm.msgGroupIdList.value = msgId;
			var sendData =  $(document.searchForm).serializeArray();
			
			$(".resvMsgAllLoad").load("/web/mjon/reservmsg/deleteReservKakaoDataAjax.do", sendData ,function(response, status, xhr){
				location.reload(true);
			});
			
			
		}
		
	}else{
		
		alert("삭제할 문자를 선택해 주세요.");
		return false;
		
	}
	
}

//상세보기 버튼 실행
function fnRevDetailPop(msgGroupId, fileCnt){
	
	document.resPopForm.msgGroupId.value = msgGroupId;
	var sendData =  $(document.resPopForm).serializeArray();
	
	$("#resvMsgDetailPopLoad").load("/web/mjon/reservmsg/selectReservMsgDetailDataAjax.do", sendData ,function(response, status, xhr){
	});
	
}

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");
	
	if(pageType == 'all'){
		
		form.stateType.value = "all";
		linkPage(1);
		
	}else if(pageType == 'ready'){
		
		form.stateType.value = "ready";
		linkPage(1);
		
	}else if(pageType == 'complete'){
		
		form.stateType.value = "complete";
		linkPage(1);
		
	}else if(pageType == 'cancel'){
		
		form.stateType.value = "cancel";
		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");
	 
	console.log('a');
}

function fnSearch(pageNo){
	
	var form = document.searchForm;
	
	form.pageIndex.value = pageNo ;
	
	
	form.action="/web/mjon/reservmsg/selectReservKaKaoView.do";
	form.submit();
	
}

function fnReservCancel(msgGroupId, agentCode, msgType){
	
	var form = document.resCancelForm;
	var loginVO = '${LoginVO}';
	
	form.msgGroupId.value = msgGroupId;
	form.agentCode.value = agentCode;
	form.msgType.value = msgType;
	
	if(loginVO == "" || loginVO == null){
		
		alert("로그인 후 이용이 가능합니다.");
		return false;
		
	}
	
	var data = new FormData(form);
	url = "/web/mjon/reservmsg/deleteReservMsgCancelDataAjax.do";
	
	if(confirm("정말 예약을 취소하시겠습니까?")){
		
		$.ajax({
	        type: "POST",
	        url: url,
	        data: data,
	        dataType:'json',
	        async: false,
	        processData: false,
	        contentType: false,
	        cache: false,
	        success: function (returnData, status) {
				if(status == 'success'){ // status 확인 필요한가. 석세스 안뜨면 에러 가지 않나
					if("fail"==returnData.result){
						
						alert(returnData.message);
						return false;
					}
				
					var smsCnt = returnData.resultSts;
				
					alert("예약 발송이 정상적으로 취소 되었습니다.");
					
					//예약 관리 리스트 다시 불러오기
					//linkPage(1);
					//현황도 갱신 필요하여 새로고침으로 변경
					location.reload(true);
					
				} else if(status== 'fail'){
					alert(returnData.message);
				}
			},
	        error: function (e) { alert("예약 취소에 실패하였습니다."); console.log("ERROR : ", e); }
	    });
		
	}
	
}

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

/* 사용내역서 클릭 시 내역서 새창 팝업 오픈  */
function fnShowPrintPopup() { 
    //만들려는 팝업의 크기
    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);

    $("#searchForm").attr("target","reservMsgPrint");
    
    window.open('', 'reservMsgPrint', 'width='+ popup_wid +', height='+ popup_ht +', left=' + popup_left + ', top='+ popup_top +',scrollbars=1');
    $("#searchForm").attr({"action":"/web/mjon/reservmsg/printReservKakaoDataAjax.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=330, 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 fnRevDetailPop02(msgGroupId){
	document.resPopForm.msgGroupId.value = msgGroupId;
	var sendData =  $(document.resPopForm).serializeArray();
	
		// 전송건별
	$("#msgSentDetailPopLoad").load("/web/kakao/sent/selectKakaoSentDetailDataAjax.do", sendData ,function(response, status, xhr){
		// 상세보기 클릭때마다 툴팁 1 tab이 열리게 설정
		popupTab($('#atBtn'),'1');
		$('#tooltopClick').trigger('click');
	});		
	
}
//검색 엔터키
function enterKey() {
	if (window.event.keyCode == 13) {
		fnSearch(1);
    }
}
</script>


	<div class="tooltip-wrap">
		<div class="popup-com adr_layer kakao_rev_popup rev_popup02" tabindex="0" data-tooltip-con="rev_popup02"
			data-focus="rev_popup02" data-focus-prev="rev_popup02-close" style="width: 440px;">
			<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 id="msgSentDetailPopLoad" >
				</div>
				<div class="popup_btn_wrap2" style="justify-content: center;">
					<button type="button" class="tooltip-close" data-focus="rev_popup02-close"
						data-focus-next="rev_popup02">닫기</button>
				</div>
			</div>
		</div>
	</div>

	<!-- 문자내용 팝업 data-tooltip: rev_popup01 -->
	<div class="tooltip-wrap">
		<div class="popup-com adr_layer rev_popup01" tabindex="0" data-tooltip-con="rev_popup01" data-focus="rev_popup01" data-focus-prev="rev_popup01-close" style="width: 440px;">
			<div class="popup_heading">
				<p>문자내용</p>
				<button type="button" class="tooltip-close" data-focus="rev_popup01-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
			</div>
			<div class="layer_in" id="resvMsgDetailPopLoad">
                <div class="popup_btn_wrap2" style="justify-content: center;">
                    <button type="button" class="tooltip-close" data-focus="rev_popup01-close" data-focus-next="rev_popup01">닫기</button>                      
                </div>
			</div>
		</div>
	</div><!--// 문자내용 팝업 -->
    <div class="inner">
        <!-- send top -->
        <div class="send_top">
		<!-- 결제관리 - 요금 사용내역 -->
            <div class="rev_admin_cont current kakao_rev_content">
                <div class="heading">
                    <h2>예약관리</h2>
	        		<button type="button" class="button info" onclick="infoPop('selectReservMsgView');">사용안내</button>
                </div>
                <div class="pay_tab_wrap">
					<!-- tab button -->
					<%@include file="/WEB-INF/jsp/web/kakao/include/KakaoReservTopMentTap.jsp" %>
					<!--// tab button -->
				</div>
                <form id="searchForm" name="searchForm" method="post">
	                <input type="hidden" id="pageIndex" name="pageIndex" value="1"/>
	                <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="stateType" name="stateType" value="all"/><!-- 발송상태 종류 -->
                
	                <!-- 각 통계별 총 건수 -->
					<c:set var="totAllCnt" value="0"/><!-- 전체 건수 -->
					<c:set var="totAtCnt" value="0"/><!-- 알림톡 건수 -->
					<c:set var="totFtCnt" value="0"/><!-- 친구톡 건수 -->
					
					<!-- 각 통계별 성공, 실패 건수 처리 -->
					<c:set var="waitAllCnt" value="0"/><!-- 전체 대기 건수 -->
					<c:set var="succAllCnt" value="0"/><!-- 전체 성공 건수 -->
					<c:set var="failAllCnt" value="0"/><!-- 전체 실패 건수 -->
					<c:set var="cancelAllCnt" value="0"/><!-- 전체 예약취소 건수 -->
					
					<c:set var="waitAtCnt" value="0"/><!-- 알림톡 대기 건수 -->
					<c:set var="succAtCnt" value="0"/><!-- 알림톡 성공 건수 -->
					<c:set var="failAtCnt" value="0"/><!-- 알림톡 실패 건수 -->
					<c:set var="cancelAtCnt" value="0"/><!-- 전체 예약취소 건수 -->
					
					<c:set var="waitFtCnt" value="0"/><!-- 친구톡 대기 건수 -->
					<c:set var="succFtCnt" value="0"/><!-- 친구톡 성공 건수 -->
					<c:set var="failFtCnt" value="0"/><!-- 친구톡 실패 건수 -->
					<c:set var="cancelAtCnt" value="0"/><!-- 전체 예약취소 건수 -->
					
					<!-- 발송대기 건수가 있으면 이것도 발송 실패건수로 일단 집계한다. -->
					<c:forEach var="totalMsgCnt" items="${totalMsgCnt}" varStatus="status">
						
						<!-- 전체 갯수 구하기 -->
						<c:set var="totAllCnt" value="${totAllCnt + totalMsgCnt.msgResultCnt}"/>
							
						<!-- 전체 대기 갯수 -->
						<c:if test="${totalMsgCnt.msgResultSts == 'W'}">
							<c:set var="waitAllCnt" value="${waitAllCnt + totalMsgCnt.msgResultCnt}"/>
						</c:if>
						
						<!-- 전체 성공 갯수 -->
						<c:if test="${totalMsgCnt.msgResultSts == 'S'}">
							<c:set var="succAllCnt" value="${succAllCnt + totalMsgCnt.msgResultCnt}"/>
						</c:if>
						
						<!-- 전체 실패 갯수 -->
						<c:if test="${totalMsgCnt.msgResultSts == 'F'}">
							<c:set var="failAllCnt" value="${failAllCnt + totalMsgCnt.msgResultCnt}"/>
						</c:if>
						
						<!-- 전체 예약취소 갯수 -->
						<c:if test="${totalMsgCnt.msgResultSts == 'C'}">
							<c:set var="cancelAllCnt" value="${cancelAllCnt + totalMsgCnt.msgResultCnt}"/>
						</c:if>
						
					</c:forEach>
					
					<!-- 알림톡 처리 -->
					<c:forEach var="atCnt" items="${atCnt}" varStatus="status">
						
						<!-- 알림톡 전체 갯수 구하기 -->
						<c:set var="totAtCnt" value="${totAtCnt + atCnt.msgResultCnt}"/>
						
						<!-- 알림톡 대기 갯수 구하기 -->
						<c:if test="${atCnt.msgResultSts == 'W'}">
							<c:set var="waitAtCnt" value="${waitAtCnt + atCnt.msgResultCnt}"/>
						</c:if>
						
						<!-- 알림톡 성공 갯수 구하기 -->
						<c:if test="${atCnt.msgResultSts == 'S'}">
							<c:set var="succAtCnt" value="${succAtCnt + atCnt.msgResultCnt}"/>
						</c:if>
						
						<!-- 알림톡 실패 갯수 구하기 -->
						<c:if test="${atCnt.msgResultSts == 'F'}">
							<c:set var="failAtCnt" value="${failAtCnt + atCnt.msgResultCnt}"/>
						</c:if>
						
						<!-- 알림톡 예약취소 갯수 구하기 -->
						<c:if test="${atCnt.msgResultSts == 'C'}">
							<c:set var="cancelAtCnt" value="${cancelAtCnt + atCnt.msgResultCnt}"/>
						</c:if>
						
					</c:forEach>
					
					<!-- 친구톡 처리 -->
					<c:forEach var="ftMsgCnt" items="${ftMsgCnt}" varStatus="status">
						
						<!-- 친구톡 전체 갯수 구하기 -->
						<c:set var="totFtCnt" value="${totFtCnt + ftMsgCnt.msgResultCnt}"/>
						
						<!-- 친구톡 대기 갯수 구하기 -->
						<c:if test="${ftMsgCnt.msgResultSts == 'W'}">
							<c:set var="waitFtCnt" value="${waitFtCnt + ftMsgCnt.msgResultCnt}"/>
						</c:if>
						
						<!-- 친구톡 성공 갯수 구하기 -->
						<c:if test="${ftMsgCnt.msgResultSts == 'S'}">
							<c:set var="succFtCnt" value="${succFtCnt + ftMsgCnt.msgResultCnt}"/>
						</c:if>
						
						<!-- 친구톡 실패 갯수 구하기 -->
						<c:if test="${ftMsgCnt.msgResultSts == 'F'}">
							<c:set var="failFtCnt" value="${failFtCnt + ftMsgCnt.msgResultCnt}"/>	
						</c:if>
						
						<!-- 친구톡 예약취소 갯수 구하기 -->
						<c:if test="${ftMsgCnt.msgResultSts == 'C'}">
							<c:set var="cancelFtCnt" value="${cancelFtCnt + ftMsgCnt.msgResultCnt}"/>	
						</c:if>
						
					</c:forEach>
                
                <div class="rev_admin">
                    <div class="rev_admin_in">
                        <div class="rev_admin_top clearfix">
                            <p>전체</p>
                            <p>
                            	<span>
                            		<fmt:formatNumber value="${totAllCnt}" pattern="#,###"/>
                            	</span>
                            	 건
                            </p>
                        </div>
                        <div class="rev_admin_btm">
							<dl>
								<dt>대기</dt>
								<dd><span class="c_002c9a"><fmt:formatNumber value="${waitAllCnt}" pattern="#,###"/></span>건</dd>
							</dl>
							<dl>
								<dt>성공</dt>
								<dd><span class="c_002c9a"><fmt:formatNumber value="${succAllCnt}" pattern="#,###"/></span>건</dd>
							</dl>
							<dl>
								<dt>실패</dt>
								<dd><span class="c_e40000"><fmt:formatNumber value="${failAllCnt}" pattern="#,###"/></span>건</dd>
							</dl>
							<dl>
								<dt>예약취소</dt>
								<dd><span class="c_e40000"><fmt:formatNumber value="${cancelAllCnt}" pattern="#,###"/></span>건</dd>
							</dl>
						</div>
                    </div>
                    <div class="rev_admin_in">
                        <div class="rev_admin_top clearfix">
                            <p>알림톡</p>
                            <p><span><fmt:formatNumber value="${totAtCnt}" pattern="#,###"/></span> 건</p>
                        </div>
                        <div class="rev_admin_btm">
							<dl>
								<dt>대기</dt>
								<dd><span class="c_002c9a"><fmt:formatNumber value="${waitAtCnt}" pattern="#,###"/></span>건</dd>
							</dl>
							<dl>
								<dt>성공</dt>
								<dd><span class="c_002c9a"><fmt:formatNumber value="${succAtCnt}" pattern="#,###"/></span>건</dd>
							</dl>
							<dl>
								<dt>실패</dt>
								<dd><span class="c_e40000"><fmt:formatNumber value="${failAtCnt}" pattern="#,###"/></span>건</dd>
							</dl>
							<dl>
								<dt>예약취소</dt>
								<dd><span class="c_e40000"><fmt:formatNumber value="${cancelAtCnt}" pattern="#,###"/></span>건</dd>
							</dl>
						</div>
                    </div>
                    <%-- <div class="rev_admin_in">
                        <div class="rev_admin_top clearfix">
                            <p>친구톡</p>
                            <p><span><fmt:formatNumber value="${totFtCnt}" pattern="#,###"/></span> 건</p>
                        </div>
                        <div class="rev_admin_btm">
							<dl>
								<dt>대기</dt>
								<dd><span class="c_002c9a"><fmt:formatNumber value="${waitFtCnt}" pattern="#,###"/></span>건</dd>
							</dl>
							<dl>
								<dt>성공</dt>
								<dd><span class="c_002c9a"><fmt:formatNumber value="${succFtCnt}" pattern="#,###"/></span>건</dd>
							</dl>
							<dl>
								<dt>실패</dt>
								<dd><span class="c_e40000"><fmt:formatNumber value="${failFtCnt}" pattern="#,###"/></span>건</dd>
							</dl>
							<dl>
								<dt>예약취소</dt>
								<dd><span class="c_e40000"><fmt:formatNumber value="${cancelFtCnt}" pattern="#,###"/></span>건</dd>
							</dl>
						</div>
                    </div> --%>
                </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" 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" 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="1" <c:if test="${mjonResvMsgVO.searchCondition == '1'}">selected</c:if> >제목</option> --%>
                                <option value="2" <c:if test="${kakaoSentVO.searchCondition == '2'}">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='검색어를 입력하세요.'" onkeyup="enterKey()">
                                <button type="button" class="btnType btnType2" onClick="javascript:fnSearch(1); return false;">검색</button>
                            </div>
                        </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> -->
<!--                         <li class="tab"><button type="button" onclick="fnTabLoad('M',3); return false;">그림(MMS)</button></li> -->
                    </ul><!--// tab button -->
                </div>
                <!-- 예약관리 > 전체 -->
	                <div class="price_history_cont current" 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('cancel','3'); return false;">예약취소</button></li>
	                        </ul><!--// tab button -->
	                    </div>
	                    <!-- 예약관리 리스트 -->
						<div class="table_cont current resvMsgAllLoad" id="tableCont_1">
						</div>
					</div>
				</form>
			</div>
        </div><!--// send top -->
    </div>
	<form id="resPopForm" name="resPopForm" method="post">
		<input type="hidden" id="msgGroupId" name="msgGroupId" value=""/>
		<input type="hidden" id="fileCnt" name="fileCnt" value=""/>
	</form>
	<form id="resCancelForm" name="resCancelForm" method="post">
		<input type="hidden" id="msgGroupId" name="msgGroupId" value=""/>
		<input type="hidden" id="agentCode" name="agentCode" value=""/>
		<input type="hidden" id="msgType" name="msgType" value=""/>
	</form>
	<form name="popForm" id="popForm" method="post">
		<input type="hidden" name="pageType" id="pageType" value=""/> 
	</form>
	