<%@ page 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" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>

<!-- Center -->
<div id="admin_cont">
	<div class="inner">
		<div class="title">
			<h3>월별 사용내역</h3>
		</div>		
		<form id="searchForm" name="searchForm" method="post">
		<input type="hidden" id="pageIndex" name="pageIndex">
		<input type="hidden" name="useMngMonth" id="useMngMonth" value="${useMngMonth}" />
		<input type="hidden" name="start_dttm" id="start_dttm" value="${srvstatVO.start_dttm}" />
		<input type="hidden" name="end_dttm" id="end_dttm" value="${srvstatVO.end_dttm}" /> 
		<input type="hidden" id="firstBoot" name="firstBoot" value="${srvstatVO.firstBoot}">
		<div class="mt20">
                     <div class="board_added_module subtit">
                         <span class="sum_info">기본검색</span>
                     </div>

                     <table class="list">
                         <colgroup>
                            <col style="width:200px">
                            <col />
                        </colgroup>
                        <tbody>
                        <tr>
						<tr>
							<th><label for="mber_search">회원사</label></th>
							<td>
                              	<ul class="inner-td">
                              		<select id="mber_no" class="form" name="mber_no" onchange="fnSearch();">
                              		<option value="all">전체</option>
                              		<c:forEach items="${rmap}" var="list">
                              			<option value="${list.mber_no}" ${list.mber_no eq srvstatVO.mber_no ? "selected" : ""}>${list.cmpnm}</option>
                              		</c:forEach>
                              		</select>
                              	</ul>
                            </td>
						</tr>
						<tr id="admin_tr" style="display:none">
						<th><label for="admin_search">관리자 </label></th>
							<td>
                              	<ul class="inner-td">
                              		<select id="org_sid" class="form" name="org_sid" onchange="fnSearch();">
                              		<option value="all">전체</option>
                              		<c:forEach items="${amap}" var="alist">
                              			<c:if test="${alist.auth_code eq 'ROLE_MC_MNGR'}">
                              				<option value="${alist.org_sid}" ${alist.org_sid eq srvstatVO.org_sid ? "selected" : ""}>(MC) ${alist.usrnm}</option>
                              			</c:if>
                              			<c:if test="${alist.auth_code eq 'ROLE_CORE_MNGR'}">
                              				<option value="${alist.org_sid}" ${alist.org_sid eq srvstatVO.org_sid ? "selected" : ""}>(CORE) ${alist.usrnm}</option>
                              			</c:if>
                              		</c:forEach>
                              		</select>
                              	</ul>
                            </td>
						</tr>
                        <tr>						
                            <th><label for="date">사용월 기간</label></th>
                            <td>
                                <ul class="inner-td">
			         		   	<li><input type="text" id="Sdate" name="Sdate" readonly="readonly"/></li>
			           			<li> ~ </li>
			            		<li><input type="text" id="Edate" name="Edate" readonly="readonly"/></li>
                             	<li>
					        		<button type="button" class="button d s" onclick="javascript:monthSet(1)">당월</button>
                                    <button type="button" class="button d s" onclick="javascript:monthSet(3)">3개월</button>
                                    <button type="button" class="button d s" onclick="javascript:monthSet(6)">6개월</button>
                                    <button type="button" class="button d s" onclick="javascript:monthSet(12)">1년</button>
                                    <!-- <button type="button" class="button d s" onclick="javascript:monthSet(24)">24개월</button> -->
                                </li>
                                </ul>
                            </td>
                        </tr>
                        </tbody>
                    </table>

                    <div class="btn_wrap">
                        <button type="button" class="button b" onclick="javascript:fnSearch()">검색</button>
                     	<!-- <button type="button" class="button" onclick="settingreset()">초기화</button> -->
                    </div>
                </div>

                <!-- <div class="mt20 mb20">조회 기준 Bar Chart</div> -->
                
               <table class="list fix tb-border tb-center">
                    <caption>총 회원수</caption>
                    <thead>
                        <tr>
                        	<th scope="col">회원사/담당자</th>
                            <th scope="col">월별</th>
                            <th scope="col">전체 성공건수</th>
                            <th scope="col">문자메시지</th>
                            <th scope="col">카카오톡 비즈메시지</th>
                        </tr>
                    </thead>
                    <tbody class="tb">
                    	<c:if test="${fn:length(useMngMonth) == 0}">
							<tr>
								<td colspan="5" class="tc"> <spring:message	code="common.nodata.msg" /></td>
							</tr>
						</c:if>
                       	<c:forEach items="${useMngMonth}" var="list" varStatus="status">
                       		<tr>		
                       			<td>${list.cmpnm}/${list.usrNm}</td>				
                                <td>${list.use_month.substring(0,4)}년${list.use_month.substring(4,6)}월</td>
	                            <td>${list.success_cnt}</td>						
	                            <td>${list.sms_cnt}</td>						
	                            <td>${list.kko_cnt}</td>
                            </tr>
                        </c:forEach>
                    </tbody>
              </table>
		</form>
                <!-- //table -->
	</div><!-- // admin inner -->
</div><!-- //admin cont -->
<script type="text/javascript">
	$(document).ready(function(){
		eventBind();
	});

	function eventBind(){
		buttonSet();
		firstSet();
		firstBoot();
	}

	function firstBoot(){
		var firstBoot = ${srvstatVO.firstBoot};
		
		$('#firstBoot').val(1);
		if(0 == firstBoot){
			monthSet(1);
			reset();
			fnSearch();
		}
	}
	

	function fnSearch() {
		var searchForm = document.getElementById("searchForm");
		
		var pageIndex = document.getElementById("pageIndex");
		if(pageIndex.value == "") {
			pageIndex.value = "1";
		}	

		var mber_no = $('#mber_no').val();
		
		if("all" == mber_no){
			$('#mber_no').val("");
			$('#org_sid').val("");
			$('#mber_no option').remove();
			$('#org_sid option').remove();
		}
		
		searchForm.action = "<c:url value='/admin/srvmngh/monthHis/useMngMonth.do'/>";
		searchForm.submit();
	}
	
	function firstSet(){
		var Sstr = $('#start_dttm').val();
		var Estr =$('#end_dttm').val();

		if(null != Sstr){
			if(Sstr.substring(0,4) != ""){
				$('#Sdate').val(Sstr.substring(0,4)+"년"+Sstr.substring(4,6)+"월");
			}	
		}

		if(null != Estr){
			if(Estr.substring(0,4) != ""){
				$('#Edate').val(Estr.substring(0,4)+"년"+Estr.substring(4,6)+"월");
			}
		}
	}
	
	function monthSet(month){
		var now = new Date();
		var nyear = now.getFullYear();
        var nmon = now.getMonth()+1; 
        var sm = nmon > 9 ? nmon : "0"+nmon ;

        if(1 == month){
        	$('#Sdate').val(nyear+"년"+sm+"월");
        	$('#Edate').val(nyear+"년"+sm+"월");
        	$('#start_dttm').val(nyear+sm);
        	$('#end_dttm').val(nyear+sm);
		}else if(3 == month){
			$('#Edate').val(nyear+"년"+sm+"월");
        	$('#end_dttm').val(nyear+sm);
			
			var cmon = nmon-3;
			if(cmon <= 0){
				nyear= nyear-1;
				cmon = 12 + cmon;
				$('#Sdate').val(nyear+"년"+cmon+"월");
	        	$('#start_dttm').val(nyear.toString()+cmon.toString());
			}else{
				var sm = cmon > 9 ? cmon : "0"+cmon ;
				$('#Sdate').val(nyear+"년"+sm+"월");
				$('#start_dttm').val(nyear.toString()+sm.toString());
			}

		}else if(6 == month){
			$('#Edate').val(nyear+"년"+sm+"월");
        	$('#end_dttm').val(nyear+sm);
			
			var cmon = nmon-6;
			if(cmon <= 0){
				nyear= nyear-1;
				cmon = 12 + cmon;
				$('#Sdate').val(nyear+"년"+cmon+"월");
	        	$('#start_dttm').val(nyear.toString()+cmon.toString());
			}else{
				var sm = cmon > 9 ? cmon : "0"+cmon ;
				$('#Sdate').val(nyear+"년"+sm+"월");
				$('#start_dttm').val(nyear.toString()+sm.toString());
			}
		}else if(12 == month){
			$('#Sdate').val(nyear-1+"년"+sm+"월");
        	$('#Edate').val(nyear+"년"+sm+"월");
        	$('#start_dttm').val((nyear-1).toString()+sm);
        	$('#end_dttm').val(nyear+sm);
		}else if(24 == month){
			$('#Sdate').val(nyear-2+"년"+sm+"월");
        	$('#Edate').val(nyear+"년"+sm+"월");
        	$('#start_dttm').val((nyear-2).toString()+sm);
        	$('#end_dttm').val(nyear+sm);
		}
		
	}

	function settingreset(){
		$('#Sdate').val("");
		$('#Edate').val("");
		$('#start_dttm').val("");
		$('#end_dttm').val("");
		$('#searchKeyword').val("");
		$('#firstBoot').val(0);
		reset();		
	}

	function reset(){
		$('#mber_no option').remove();
		$('#org_sid option').remove();
		$('#mber_no').val('');
		$('#org_sid').val('');
	}

	function buttonSet(){
		var mber_no = $('#mber_no').val();
		var dispaly = $('#admin_tr').css('display');

		console.log(mber_no);
		
		if("all" == mber_no || null == mber_no || "" == mber_no){
			if("none" != dispaly){
				$('#admin_tr').css("display","none");
			}
		}else {
			$('#admin_tr').css("display","block");
			$('#admin_tr').attr("style", "");	
		}
	}
</script>