<%--
  Class Name : SendNumberList.jsp
  Description : 발신번호 리스트 조회 페이지
  Modification Information

      수정일         수정자                   수정내용
    -------    --------    ---------------------------
    2021.03.31    신명섭          최초 생성

    Copyright (C) 2009 by ITN  All right reserved.
--%>
<%@ page contentType="text/html; charset=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"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="ec" uri="/WEB-INF/tld/ecnet_tld.tld"%>
<%   
	response.setHeader("Cache-Control","no-store");   
	response.setHeader("Pragma","no-cache");   
	response.setDateHeader("Expires",0);   
	if (request.getProtocol().equals("HTTP/1.1")) response.setHeader("Cache-Control", "no-cache"); 
%> 
<!DOCTYPE html>
<html lang="ko">
<head>
<title>일별 매출 통계</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script type="text/javascript" src="<c:url value='/js/EgovMultiFile.js'/>"></script>
<script type="text/javascript" src="<c:url value='/js/EgovCalPopup.js'/>"></script>
<script type="text/javaScript" language="javascript">

$(document).ready(function () {
	// 검색날짜 초기화
	initSearchDate();

});


function fn_search(){
	linkPage(1);
}

function linkPage(pageNo){
	var listForm = document.listForm ;
	listForm.pageIndex.value = pageNo ;
	
	if( $('#ntceBgndeYYYMMDD').val() != '' && $('#ntceEnddeYYYMMDD').val() != '' ){
		var iChkBeginDe = Number($('#ntceBgndeYYYMMDD').val().replaceAll("-", ""));
		var iChkEndDe =  Number($('#ntceEnddeYYYMMDD').val().replaceAll("-", ""));
		if(iChkBeginDe > iChkEndDe || iChkEndDe < iChkBeginDe ){
			alert("검색 시작 일자는 종료 일자 보다 클 수 없습니다.");
			return;
		}
	}
	
	$('#ntceBgnde').val($('#ntceBgndeYYYMMDD').val()) ;
	$('#ntceEndde').val($('#ntceEnddeYYYMMDD').val()) ;
	
	listForm.submit();
}

/* 날짜 초기화  */
function init_date(){
	$('#ntceBgndeYYYMMDD').val('');
	$('#ntceEnddeYYYMMDD').val('');
	$('#ntceBgnde').val('');
	$('#ntceEndde').val('');
}

// 검색날짜 초기화
function initSearchDate() {
	var beforeMonthDay = "${mjonPayVO.ntceBgnde}";
	var toDay = "${mjonPayVO.ntceEndde}";   	    	
	
   	$('#ntceBgndeYYYMMDD').val(beforeMonthDay);
   	$('#ntceEnddeYYYMMDD').val(toDay);        
   	
	$('#ntceBgnde').val($('#ntceBgndeYYYMMDD').val()) ;
	$('#ntceEndde').val($('#ntceEnddeYYYMMDD').val()) ;   	
}

//기간선택 select
function fnSetCalMonth(val) {
	if(val == 0) {
		init_date();
		return;
	}
	
	var form = document.listForm;
	var today = new Date();

	var year = today.getFullYear();
	var month = ("0"+(today.getMonth()+1)).slice(-2);
	var date = ("0"+today.getDate()).slice(-2);

	var sDate = new Date(today.setMonth(today.getMonth() - val));

	var sYear = sDate.getFullYear();
	var sMonth = ("0"+(sDate.getMonth()+1)).slice(-2);
	var sDate = ("0"+sDate.getDate()).slice(-2);
	
	form.ntceBgndeYYYMMDD.value = sYear + "-" + sMonth + "-" + sDate;
	form.ntceEnddeYYYMMDD.value = year + "-" + month + "-" + date;
	
}
</script>
<style>
.calBtn {
    border: none;
    background-color: transparent !important;
    background-image: url(/pb/img/common/calendarIcon.png);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px !important;
    vertical-align: middle;
    margin-left: -38px !important;
    margin-top: -2px !important;
    cursor: pointer;
}
</style>
</head>
<body>

<compress:html>


<form name="listForm" action="<c:url value='/uss/ion/pay/payDayChart.do'/>" method="post">
	<input name="pageIndex" type="hidden" value="<c:out value='${searchVO.pageIndex}'/>"/>
	<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" name="ntceBgnde" id="ntceBgnde"  value="<c:out value="${searchVO.ntceBgnde}" />">
	<input type="hidden" name="ntceEndde" id="ntceEndde"  value="<c:out value="${searchVO.ntceEndde}" />">
	
	<div class="contWrap">
		<div class="pageTitle">
			<div class="pageIcon"><img src="/pb/img/pageTitIcon4.png" alt=""></div>
			<h2 class="titType1 c_222222 fwBold">일별 매출 통계</h2>
			<p class="tType6 c_999999">일별 매출 현황을 파악할 수 있습니다.</p>
		</div>
		
		<div class="pageCont">
			<div class="listSerch">
				<select name="setCalMonth" onchange="fnSetCalMonth(this.value)">
					<option value="0">전체</option>
					<option value="1" selected="selected">1개월</option>
					<option value="3">3개월</option>
					<option value="6">6개월</option>
				</select>
				<input type="hidden" name="cal_url" id="cal_url" value="/sym/cmm/EgovNormalCalPopup.do">
			    <a href="#" onclick="javascript:fn_egov_NormalCalendar(document.forms.listForm, document.forms.listForm.ntceBgndeYYYMMDD);">
			    <input style="width:auto;min-width: 83px;" type="text" class="date_format" name="ntceBgndeYYYMMDD" id="ntceBgndeYYYMMDD" size="4" maxlength="4" readonly=""
			    value="<c:out value="${searchVO.ntceBgnde}" />" >
			   	 	<input type="button" class="calBtn">
		    	</a>
				<span class="line">&nbsp;~</span>
			    <a href="#" onclick="javascript:fn_egov_NormalCalendar(document.forms.listForm, document.forms.listForm.ntceEnddeYYYMMDD);">
				<input style="width:auto;min-width: 83px;" type="text" class="date_format" name="ntceEnddeYYYMMDD" id="ntceEnddeYYYMMDD" size="4" maxlength="4" readonly=""
		    	value="<c:out value="${searchVO.ntceEndde}" />"
		    	>
			   	 	<input type="button" class="calBtn">
		    	</a>
				<a href="#" style="margin-left: 17px;" onclick="init_date(); return false;">
					<img src="/pb/img/common/topTimeOut.png" alt="타임아웃 아이콘">
				</a>
				<input type="button" class="btnType1" style="margin-left:10px;" value="검색" onclick="fn_search(); return false;">
				
			</div>
			<div class="listTop">
				<p class="tType5">총  <span class="tType4 c_456ded fwBold"><fmt:formatNumber value="${paginationInfo.totalRecordCount}" pattern="#,###" /></span>건</p>
				<div style="float: right;">
					카드 : <span class="tType5 c_456ded"><fmt:formatNumber value="${mjonPayVO.amtCardSumTot}" pattern="#,###" /></span>원,
					&nbsp; 휴대폰 : <span class="tType5 c_456ded"><fmt:formatNumber value="${mjonPayVO.amtCellSumTot}" pattern="#,###" /></span>원,
					&nbsp; 이체 : <span class="tType5 c_456ded"><fmt:formatNumber value="${mjonPayVO.amtBankSumTot}" pattern="#,###" /></span>원,
					&nbsp; 전용 : <span class="tType5 c_456ded"><fmt:formatNumber value="${mjonPayVO.amtVbankSumTot}" pattern="#,###" /></span>원,
					&nbsp; 환불 : <span class="tType5 c_456ded"><fmt:formatNumber value="${mjonPayVO.amtRefundSumTot}" pattern="#,###" /></span>원,
					&nbsp; 합계 : <span class="tType5 c_456ded"><fmt:formatNumber value="${mjonPayVO.amtTotSumTot}" pattern="#,###" /></span>원
					&nbsp; 
					<!-- <input type="button" class="printBtn"> -->

					<select name="pageUnit" id="pageUnit" class="select" title="검색조건선택" onchange="linkPage(1);" style="height: 30px !important; min-width: 40px !important;">
						<option value='10' <c:if test="${searchVO.pageUnit == '10' or searchVO.pageUnit == ''}">selected</c:if>>10줄</option>
						<option value='20' <c:if test="${searchVO.pageUnit == '20'}">selected</c:if>>20줄</option>
						<option value='30' <c:if test="${searchVO.pageUnit == '30'}">selected</c:if>>30줄</option>
					</select>

				</div>
			</div>
			<div class="tableWrap">
				<table class="tbType1">
					<colgroup>
						<col style="width: auto;">
						<col style="width: 13%">
						<col style="width: 13%">
						<col style="width: 13%">
						<col style="width: 13%">
						<col style="width: 13%">
						<col style="width: 13%">
					</colgroup>
					<thead>
						<tr>
							<th>결제일<input type="button" class="sort sortBtn" id="sort_regDate"></th>
							<th>신용카드<input type="button" class="sort sortBtn" id="sort_amtCardSum"></th>
							<th>휴대폰<input type="button" class="sort sortBtn" id="sort_amtCellSum"></th>
							<th>즉시이체<input type="button" class="sort sortBtn" id="sort_amtBankSum"></th>
							<th>전용계좌<input type="button" class="sort sortBtn" id="sort_amtVbankSum"></th>
							<th>환불<input type="button" class="sort sortBtn" id="sort_amtRefundSum"></th>
							<th>합계(VAT 포함)<input type="button" class="sort sortBtn" id="sort_amtTotSum"></th>
						</tr>
					</thead>
					<tbody>
						<c:forEach var="result" items="${resultList}" varStatus="status">
						<tr>
							<td><c:out value="${result.regDate}"/></td>
							<td>
								<fmt:formatNumber value="${result.amtCardSum}" pattern="#,###" />
								<c:choose>
									<c:when test="${result.amtCardCnt > 0}">
										(<fmt:formatNumber value="${result.amtCardCnt}" pattern="#,###" />)
									</c:when>
								</c:choose>															
							</td>
							<td>
								<fmt:formatNumber value="${result.amtCellSum}" pattern="#,###" />
								<c:choose>
									<c:when test="${result.amtCellCnt > 0}">
										(<fmt:formatNumber value="${result.amtCellCnt}" pattern="#,###" />)
									</c:when>
								</c:choose>																							
							</td>
							<td>
								<fmt:formatNumber value="${result.amtBankSum}" pattern="#,###" />
								<c:choose>
									<c:when test="${result.amtBankCnt > 0}">
										(<fmt:formatNumber value="${result.amtBankCnt}" pattern="#,###" />)
									</c:when>
								</c:choose>																							
							</td>
							<td>
								<fmt:formatNumber value="${result.amtVbankSum}" pattern="#,###" />
								<c:choose>
									<c:when test="${result.amtVbankCnt > 0}">
										(<fmt:formatNumber value="${result.amtVbankCnt}" pattern="#,###" />)
									</c:when>
								</c:choose>																							
							</td>
							<td>
								<fmt:formatNumber value="${result.amtRefundSum}" pattern="#,###" />
								<c:choose>
									<c:when test="${result.amtRefundCnt > 0}">
										(<fmt:formatNumber value="${result.amtRefundCnt}" pattern="#,###" />)
									</c:when>
								</c:choose>																							
							</td>
							<td>
								<fmt:formatNumber value="${result.amtTotSum}" pattern="#,###" />
								<c:choose>
									<c:when test="${result.amtTotCnt > 0}">
										(<fmt:formatNumber value="${result.amtTotCnt}" pattern="#,###" />)
									</c:when>
								</c:choose>															
							</td>
						</tr>
						</c:forEach>
						<c:if test="${empty resultList}">
		         			<tr><td colspan="7"><spring:message code="common.nodata.msg" /></td></tr>
		         		</c:if>    
					</tbody>
				</table>
			</div>
			<div class="btnWrap">
			</div>
			<!-- 페이지 네비게이션 시작 -->
			<c:if test="${!empty resultList}">
		 		<div class="page">
		    		<ul class="inline">
		    			<ui:pagination paginationInfo = "${paginationInfo}"  type="image" jsFunction="linkPage" />
		    		</ul>	
		    	</div>  
		  	</c:if>                      
		    <!-- //페이지 네비게이션 끝 --> 
		</div>
	</div>
</form>
</compress:html>
</body>
</html>
