<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@ page import="com.csc.library.entry.*,com.csc.library.utilities.*" %>
<%@ page import="java.text.*" %>
<%@page contentType="text/html; charset=UTF-8"%>
<jsp:useBean id="ASR002" scope="page" class="com.csc.library.system.Task"/>
<%
ASR002.setChannel(request ,response);
ReportEntry screen=null;
screen=(ReportEntry)ASR002.process("ReportEntry",request.getParameter("__screen"));
UProfile uf=screen.getUProfile();
CscCalendar cs=new CscCalendar();
CheckNull chkNull = new CheckNull();
DecimalFormat df = new DecimalFormat("00");

String month = chkNull.chkNullString(request.getParameter("period_month"), String.valueOf(cs.getMonth()+1));
month = month.length() == 1 ? "0" + month : month;
String year = chkNull.chkNullString(request.getParameter("period_year"), String.valueOf(cs.getEngYYYY()));
%>
<html>
    <head>
        <title>ReportOption</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link href="../CSS/TISCO.css" rel="stylesheet" type="text/css"/>
        <script language='javascript' src='../JS/SCREEN.js'></script>
        <script language='javascript'>setLang('<%=screen.getUProfile().get("lang")%>');</script>
        <script type="text/javascript" src="../JS/jquery-1.11.1.min.js"></script>
        <script src="../JS/VIEWCALENDAR.js"></script>

        <script language="JavaScript" type="text/JavaScript">

        function back(){
            var z=0;
            with(document.cscform){
                for(z=0;z<elements.length;z++){
                    if(elements[z].type.indexOf("select")>-1){
                        setParent(elements[z].name,elements[z].options[elements[z].selectedIndex].value);
                    }else{
                        setParent(elements[z].name,elements[z].value);
                    }
                }

                var year  = period_year.value;
                var month = period_month.value;

                if(month<10){
                    month = "0"+month;
                }
            }
            with(window.opener.document.cscform){
                __PERIOD_MONTH.value = month;
                __PERIOD_YEAR.value = year;
                __FILTERDATE.value = "gendate>='"+year+"-"+month+"-"+"01' and gendate <='"+year+"-"+month+"-"+"31'";
            }
            window.close();
        }

        function setParent(inputName,inputValue){
            with(window.opener.document.cscform){
                for(var  z=0;z<elements.length;z++){
                    if(elements[z].name==inputName){
                        if(elements[z].name=="__language"){
                            for(var k=0;k<__language.length;k++){
                                if(__language.options[k].value==inputValue){
                                    __language.options[k].selected=true;
                                }
                            }
                        }else{
                            elements[z].value=inputValue;
                        }
                    }
                }
            }
        }

        </script>

    </head>
    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
        <form name="cscform" method="post">

            <!----------BEGIN CSC INITIAL ZONE ------------------------>

            <%=screen.InitialVariable()%>

            <!----------END CSC INITIAL ZONE -------------------------->

            <input type="hidden" name="__cmd" value=""/>
            <input type="hidden" name="__language" value="<%=screen.getUProfile().get("lang")%>"/>
            <input type="hidden" name="__dateformat" value="YYYY-MM-DD"/>
            <input type="hidden" name="__calendar"/>
            <div align="center">
                <table cellpadding="0"  cellspacing="0">
                    <tr>
                        <td class="header"> EPAYSLIP_HISTORY, <script language="javascript">swapLang('Report Option');</script>&nbsp;</td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <div align="center">
                                <table cellpadding="0" cellspacing="0" >
                                    <tr>
                                        <td colspan="2" class="blankspace"></td>
                                    </tr>
                                    <tr>
                                        <td width="40%"><div align="right"><script language="javascript">swapLang('Period month');</script>&nbsp;</div></td>
                                        <td width="60%">
                                            <select name="period_month">
                                                <%
                                                for(int i=1; i<=12; i++){
                                                    %>
                                                    <option value="<%=i%>" <%=df.format(i).equals(month)?"selected":""%>><%=i%></option>
                                                    <%
                                                }
                                                %>
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><div align="right"><script language="javascript">swapLang('Period year');</script>&nbsp;</div></td>
                                        <td>
                                            <input type="text" name="period_year" id="period_year" value="<%=year%>" size="5"/>
                                        </td>
                                    </tr>

                                    <%=screen.getTagComponent("columnlabel") %>

                                    <tr>
                                        <td colspan="2" class="blankspace"></td>
                                    </tr>
                                    <TR>
                                        <TD colspan="2">
                                            <div align="center">
                                                <img src="../IMAGES/BUTTON/OK.gif" onClick="javascript:back()" id="img_ok"/>&nbsp;&nbsp;
                                                <img src="../IMAGES/BUTTON/CANCEL.gif" onClick="window.close()"/>
                                            </div>
                                        </TD>
                                    </TR>
                                    <tr>
                                        <td colspan="2" class="blankspace"></td>
                                    </tr>
                                </table>
                            </div>
                        </td>
                    </tr>
                    <tr bordercolor="0069B3">
                        <td class="bottom"></td>
                    </tr>
                </table>
            </div>
            <INPUT TYPE="hidden" NAME="__screen" VALUE="<%=request.getParameter("__screen")%>">
        </form>
    </body>
</html>