<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/enrgise-html.tld" prefix="enrgise" %>

<html:html>
<html:base />
<head>
  <TITLE><bean:message  key="hrm.title" /></TITLE>
  <jsp:include page="GenIncludes.jsp" flush="true" />
</head>

<BODY  onkeydown="hotKeys(event);" scroll=no onload="doBaseOnLoad();" >

<html:form name="HrmEmpClaimForm" action="HrmEmpClaimBaseAction" type="wenrgise.hrms.webtier.form.HrmEmpClaimForm">
<bean:define id="ParentForm" name="HrmEmpClaimForm" toScope="request" />

<jsp:include page="GenIconMenu.jsp" flush="true" />

<!-- Top Most Blue Bar -->
<table cellspacing=0 bgcolor=#bdd0ef>
  <TR>
    <TD  colSpan=12 class=mainHeader height=10><bean:message key="hrm.HrmEmpClaim.heading" /></TD>
  </TR>
</table>
<enrgise:errors/>
<logic:messagesPresent message="true">
<Table>
    <html:messages id="message" message="true">
    <TR><TD>
      <bean:write name="message"/>
    </TD></TR>
    </html:messages>
</Table>
</logic:messagesPresent>
 <!--container table starts -->
           <TABLE cellSpacing=0 cellPadding=0 border=0 >
             <TR>
               <TD class=subHeader colspan=6>Claim Query</TD>
             </TR>
             <TR>
               <TD colspan=6 bgColor=#4682b4><IMG height=1 src="../includes/images/pixel.gif" width=1 border=0></TD>
             </TR>
            
            <tr>
                  <td class="labelText"><bean:message key="hrm.HrmEmpClaim.claimCode" /></td>
                  <td><html:text name="HrmEmpClaimForm" property="claimCode" alt="N" size="23" styleClass="locked" titleKey="hrm.HrmEmpClaim.claimCode" readonly="true" /><enrgise:img name="HrmEmpClaimForm" height="16" align="center"  src="../includes/images/lov.jpg" property="butClaimCode" onclick="return ShowClaimCode()" /></td>              
                  <td class=labelText><bean:message key="hrm.HrmEmpClaim.startDate" /></td>
                  <td><html:text  property="startDate" titleKey="hrm.HrmTrnCal.startDate" alt="D" size="23"  styleClass="optional" onchange="doChangeHeader();" readonly="true" /><enrgise:img name="HrmEmpClaimForm" width="15" height="19" align="top" src="../includes/images/cal.gif" property="butStartDate"  onclick="showCalendar('startDate',this)" /></td>
                  <td class=labelText><bean:message key="hrm.HrmEmpClaim.endDate" /></td>
                  <td ><html:text  property="endDate" titleKey="hrm.HrmTrnCal.endDate" alt="D" size="23"  styleClass="optional" onchange="doChangeHeader();" readonly="true" /><enrgise:img name="HrmEmpClaimForm" width="15" height="19" align="top" src="../includes/images/cal.gif" property="butEndDate"   onclick="showCalendar('endDate',this)" /></td>
                  
           </tr>
           
           
           <tr>
                  <td class="labelText"><bean:message key="hrm.HrmEmpClaim.txtClaimNo" /></td>
                  <td><html:text name="HrmEmpClaimForm" property="claimNo" alt="N" size="23" styleClass="locked" titleKey="hrm.HrmEmpClaim.txtClaimNo" readonly="true" /><enrgise:img name="HrmEmpClaimForm" height="16" align="center"  src="../includes/images/lov.jpg" property="butClaimNo" onclick="return ShowClaimNo()" /></td>              
                  <td class="labelText"><bean:message key="hrm.HrmEmpClaim.period" /></td>
                  <logic:equal name="HrmEmpClaimForm" property="screenMode" value="U" >
                     <td colspan="1" ><enrgise:select  property="period"  styleClass="locked" disabledClass="locked" disabled="true" onchange="doBaseValidate(); ">
                      <enrgise:option value="" ><bean:message   key="hrm.Please.select" /></enrgise:option>      
                      <enrgise:option value="C" > <bean:message key="hrm.HrmEmpClaim.current" /></enrgise:option>
                      <enrgise:option value="P" > <bean:message key="hrm.HrmEmpClaim.previous" /></enrgise:option>                   
                      </enrgise:select>
                  </logic:equal>
                  <logic:notEqual name="HrmEmpClaimForm" property="screenMode" value="U" >
                   <td colspan="1" ><enrgise:select  property="period"  styleClass="required" disabledClass="locked"  onchange="doBaseValidate(); ">
                   <enrgise:option value="" ><bean:message   key="hrm.Please.select" /></enrgise:option>      
                   <enrgise:option value="C" > <bean:message key="hrm.HrmEmpClaim.current" /></enrgise:option>
                   <enrgise:option value="P" > <bean:message key="hrm.HrmEmpClaim.previous" /></enrgise:option>                   
                   </enrgise:select>
                  </logic:notEqual>
                </td> 
                
                <td class="labelText"><bean:message key="hrm.HrmEmpClaim.empNo" /></td>
                  <td><html:text name="HrmEmpClaimForm" property="empNo" alt="N" size="23" styleClass="locked" titleKey="hrm.HrmEmpClaim.empNo" readonly="true" /><enrgise:img name="HrmEmpClaimForm" height="16" align="center"  src="../includes/images/lov.jpg" property="butEmpNo" onclick="return ShowLovEmpNo()" /></td>
                  
                  <td colspan="2"></td>
           </tr>
           
           
       </table>
      <table cellspacing=0 cellpadding=0 border=0>
    <!-- Detail Information Row starts -->

 	       <TR>
            <TD colspan=6>
               <!--Detail Table Starts-->

             <TABLE cellSpacing=0 cellPadding=0 >
             <tr>
                <td bgcolor="#4682B4" width="10"><img src="../includes/images/pixel.gif" width="10" height="1" border="0"></td>
                <td bgcolor="#4682B4" nowrap class=actTabText >Reimbursement Details<img src="../includes/images/pixel.gif" width="10" height="1" border="0"></td>
                <TD><IMG height=19  src="../includes/images/formtab_r.gif" width=10  border=0></TD>                              
                <TD width="100%" background="../includes/images/line_t.gif">&nbsp;</TD>
                <TD background="../includes/images/line_t.gif"><IMG height=1 src="../includes/images/pixel.gif" width=10 border=0></TD>
            </tr>                  
            <TR>
                   <!-- Detail table Container starts -->
                    <TD colspan="6">
                      <TABLE cellSpacing=0 cellPadding=0 border=0 id="empClaim">
                        <TBODY>
                          <TR>
                           <TD >
                            <DIV id=divDtlTable style="height:250px;width:1010px" >
  		                        	<!-- Detail table starts -->
                              <TABLE cellSpacing=0 cellPadding=0 border = 0>
                                <TBODY>
                          <tr>
                              <TD class=tableHeader width="1%"><html:checkbox property="selectAll" disabled="true" /></TD>
                              <TD class=tableHeader ><bean:message key="hrm.HrmEmpClaim.txtEmployeeNo" /></td>
                              <TD class=tableHeader ><bean:message  key="hrm.HrmEmpClaim.txtEmployeeName" /></td>
                              <TD class=tableHeader ><bean:message  key="hrm.HrmEmpClaim.claimCode" /></td>
                              <TD class=tableHeader ><bean:message  key="hrm.HrmEmpClaim.txtAppliedAmount" /></td>
                              <TD class=tableHeader ><bean:message  key="hrm.HrmEmpClaim.txtApplnDate" /></td>
                              <TD class=tableHeader ><bean:message  key="hrm.HrmEmpClaim.txtEligibleAmount" /></td>
                              <TD class=tableHeader ><bean:message  key="hrm.HrmEmpClaim.txtReimbursementTillDate" /></td>
                              <TD class=tableHeader ><bean:message  key="hrm.HrmEmpClaim.txtPayrollFlag" /></td>
                              <TD class=tableHeader ><bean:message  key="hrm.HrmEmpClaim.txtApprovedAmount" /></td>
                              <TD class=tableHeader ><bean:message  key="hrm.HrmEmpClaim.txtApprovalDate" /></td>
                              <TD class=tableHeader ><bean:message  key="hrm.HrmEmpClaim.txtApprovedBy" /></td>
                              <TD class=tableHeader ><bean:message  key="hrm.HrmEmpClaim.txtRemarks" /></td>
                              <TD class=tableHeader ><bean:message  key="hrm.HrmEmpClaim.txtClaimNo" /></td>
                         </tr>
                        <!--Insert Logic Iterate Here-->           
                      <logic:notEmpty name="HrmEmpClaimForm" property="arylstHrmEmpClaim" > 
                        <logic:iterate id="HrmEmpClaim" name="HrmEmpClaimForm" property="arylstHrmEmpClaim" type="wenrgise.hrms.bean.HrmEmpClaimDtlBean" indexId="idx" >
                          <logic:notEqual name="HrmEmpClaim" property="status" value="D" >
                           <tr>
                              <TD class=tableText width="1%">
                               <html:hidden property="status"  name="HrmEmpClaim" />
                                <html:hidden property="detailId"  name="HrmEmpClaim"  />
                                <html:checkbox property="checked"  name="HrmEmpClaimForm"   alt="<%=idx.toString()%>" onclick="boxClicked(this.alt);" disabled="true" />
                                <html:hidden property="itemChecked" name="HrmEmpClaim" />
                                <html:hidden property="txtEmpId" name="HrmEmpClaim" />
                                <html:hidden property="txtClaimDtlId" name="HrmEmpClaim" />
                                <html:hidden property="txtApproverId" name="HrmEmpClaim" />
                                <html:hidden property="txtNewRemarks" name="HrmEmpClaim" />
                                
                              </TD>
                              
                             
                              
                              <logic:equal name="HrmEmpClaim" property="status" value="N" >
                              <TD class=tableText ><html:text name="HrmEmpClaim"   property="txtEmployeeNo" styleClass="required" style="width:70%" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);" readonly="true" /><img height="16"  class="icon" align="center"  alt="<%=idx.toString()%>"  src="../includes/images/lov.jpg" name="butEmployeeNo" onclick="return ShowEmployeeNo(this.alt);" /></td>
                              <TD class=tableText ><html:text name="HrmEmpClaim" property="txtEmployeeName" size="20" onmouseover="this.title=this.value;" styleClass="locked" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);"  readonly="true" /></td>
                              
                              <td class=tableText >                            
                              <logic:notEmpty property="txtEmpId" name="HrmEmpClaim" >
                              <html:text name="HrmEmpClaim" property="txtClaimCode" styleClass="required" alt="<%=idx.toString()%>" style="width:70%" onmouseover="this.title=this.value;" onchange="doChangeDetail(this.alt);" titleKey="hrm.HrmEmpClaim.claimCode" readonly="true" /><img height="16" align="center" class="icon" alt="<%=idx.toString()%>"  src="../includes/images/lov.jpg" name="butDtlClaimCode" onclick="return ShowDtlClaimCode(this.alt);" /></td>              
                              </logic:notEmpty>
                              <logic:empty property="txtEmpId" name="HrmEmpClaim" >
                              <html:text name="HrmEmpClaim" property="txtClaimCode" styleClass="required" alt="<%=idx.toString()%>" style="width:70%" onchange="doChangeDetail(this.alt);" titleKey="hrm.HrmEmpClaim.claimCode" readonly="true" /><img name="HrmEmpClaimForm" height="16" align="center"  src="../includes/images/lov_dis.jpg" property="butDtlClaimCode" /></td>              
                              </logic:empty>
                              </td>
                             <TD class=tableText ><html:text name="HrmEmpClaim" property="txtAppliedAmount" styleClass="required" style="width:100%" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);" onkeypress="isInteger(event)" /></td>
                              <TD class=tableText ><html:text name="HrmEmpClaim" property="txtApplnDate" style="width:70%" onmouseover="this.title=this.value;" styleClass="required" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);" readonly="true"  /><img src="../includes/images/cal.gif"  width="15" height="19" align="top" class="icon" name="butTxtApplnDate" alt="<%=idx.toString()%>"  onclick="showCalendar('txtApplnDate',this);" /></td>
                              <TD class=tableText ><html:text name="HrmEmpClaim" property="txtEligibleAmount" style="width:100%" styleClass="locked" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);"  readonly="true" onkeypress="isInteger(event)" /></td>
                              <TD class=tableText ><html:text name="HrmEmpClaim" property="txtReimbursementTillDate" style="width:100%" styleClass="locked" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);"  readonly="true" onkeypress="isInteger(event)" /></td>
                              <TD class=tableText ><html:select name="HrmEmpClaim" property="txtPayrollFlag" styleClass="required" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);"  >
                                                     <html:option value="N" ><bean:message key="hrm.HrmEmpClaim.n" /></html:option>
                                                     <html:option value="Y" ><bean:message key="hrm.HrmEmpClaim.y" /></html:option>
                                                     
                                                  </html:select><html:hidden property="txtPayrollFlag" name="HrmEmpClaim" />
                               </TD>
                              <TD class=tableText ><html:text name="HrmEmpClaim" property="txtApprovedAmount" style="width:100%" styleClass="required" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);" onkeypress="isInteger(event)" /></td>
                              <TD class=tableText ><html:text name="HrmEmpClaim" property="txtApprovalDate" style="width:70%" onmouseover="this.title=this.value;" styleClass="required" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);" readonly="true"  /><img src="../includes/images/cal.gif"  width="15" height="19" align="top"  class="icon" name="butTxtApprovalDate" alt="<%=idx.toString()%>"  onclick="showCalendar('txtApprovalDate',this);" /></td>
                              <TD class=tableText ><html:text name="HrmEmpClaim"   property="txtApprovedBy" style="width:70%" styleClass="required" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);" readonly="true" /><img height="16" align="center"  alt="<%=idx.toString()%>" class="icon"  src="../includes/images/lov.jpg" name="butApprovedBy" onclick="return ShowApproverNo(this.alt);" /></td>
                              <TD class=tableText ><html:select name="HrmEmpClaim" property="txtRemarks" styleClass="optional" onchange='<%="doChangeDetail("+idx.toString()+");doChangeText("+idx+")"%>' >
                                                     <html:option value="A" ><bean:message key="hrm.HrmEmpClaim.Approved" /></html:option>
                                                     <html:option value="P" ><bean:message key="hrm.HrmEmpClaim.Paid" /></html:option>
                                                     
                              </html:select>
                               <html:hidden property="txtRemarks" name="HrmEmpClaim" />
                               
                              </TD>
                              <TD class=tableText ><html:text name="HrmEmpClaim" property="txtClaimNo" style="width:100%" styleClass="locked" readonly="true" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);"  /></td>
                              
                              </logic:equal>
                              
                              <logic:notEqual name="HrmEmpClaim" property="status" value="N" >
                              
                              <logic:notEqual name="HrmEmpClaim" property="txtNewRemarks" value="P" >
                              <TD class=tableText ><html:text name="HrmEmpClaim"   property="txtEmployeeNo" styleClass="locked" style="width:70%" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);" readonly="true" /><img height="16"  class="icon" align="center"  alt="<%=idx.toString()%>"  src="../includes/images/lov_dis.jpg" name="butEmployeeNo" /></td>
                              <TD class=tableText ><html:text name="HrmEmpClaim" property="txtEmployeeName" size="20" onmouseover="this.title=this.value;" styleClass="locked" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);"  readonly="true" /></td>
                              
                              <td class=tableText >                            
                              <logic:notEmpty property="txtEmpId" name="HrmEmpClaim" >
                              <html:text name="HrmEmpClaim" property="txtClaimCode" styleClass="locked" alt="<%=idx.toString()%>" style="width:70%" onmouseover="this.title=this.value;" onchange="doChangeDetail(this.alt);" titleKey="hrm.HrmEmpClaim.claimCode" readonly="true" /><img height="16" align="center" class="icon" alt="<%=idx.toString()%>"  src="../includes/images/lov_dis.jpg" name="butDtlClaimCode" /></td>              
                              </logic:notEmpty>
                              <logic:empty property="txtEmpId" name="HrmEmpClaim" >
                              <html:text name="HrmEmpClaim" property="txtClaimCode" styleClass="locked" alt="<%=idx.toString()%>" style="width:70%" onchange="doChangeDetail(this.alt);" titleKey="hrm.HrmEmpClaim.claimCode" readonly="true" /><img name="HrmEmpClaimForm" height="16" align="center"  src="../includes/images/lov_dis.jpg" property="butDtlClaimCode" /></td>              
                              </logic:empty>
                              </td>
                              <TD class=tableText ><html:text name="HrmEmpClaim" property="txtAppliedAmount" styleClass="locked" style="width:100%" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);" onkeypress="isInteger(event)" /></td>
                              <TD class=tableText ><html:text name="HrmEmpClaim" property="txtApplnDate" style="width:70%" onmouseover="this.title=this.value;" styleClass="locked" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);" readonly="true"  /><img src="../includes/images/cal_dis.gif"  width="15" height="19" align="top" class="icon" name="butTxtApplnDate" alt="<%=idx.toString()%>"   /></td>
                              <TD class=tableText ><html:text name="HrmEmpClaim" property="txtEligibleAmount" style="width:100%" styleClass="locked" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);"  readonly="true" onkeypress="isInteger(event)" /></td>
                              <TD class=tableText ><html:text name="HrmEmpClaim" property="txtReimbursementTillDate" style="width:100%" styleClass="locked" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);"  readonly="true" onkeypress="isInteger(event)" /></td>
                              <TD class=tableText ><html:select name="HrmEmpClaim" property="txtPayrollFlag" styleClass="locked" disabled="true" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);"  >
                                                     <html:option value="N" ><bean:message key="hrm.HrmEmpClaim.n" /></html:option>
                                                     <html:option value="Y" ><bean:message key="hrm.HrmEmpClaim.y" /></html:option>
                                                     
                                                  </html:select><html:hidden property="txtPayrollFlag" name="HrmEmpClaim" /></TD>
                              <TD class=tableText ><html:text name="HrmEmpClaim" property="txtApprovedAmount" style="width:100%" styleClass="locked" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);" onkeypress="isInteger(event)" /></td>
                              <TD class=tableText ><html:text name="HrmEmpClaim" property="txtApprovalDate" style="width:70%" onmouseover="this.title=this.value;" styleClass="locked" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);" readonly="true"  /><img src="../includes/images/cal_dis.gif"  width="15" height="19" align="top"  class="icon" name="butTxtApprovalDate" alt="<%=idx.toString()%>"  /></td>
                              <TD class=tableText ><html:text name="HrmEmpClaim"   property="txtApprovedBy" style="width:70%" styleClass="locked" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);" readonly="true" /><img height="16" align="center"  alt="<%=idx.toString()%>" class="icon"  src="../includes/images/lov_dis.jpg" name="butApprovedBy"  /></td>
                              <TD class=tableText ><html:select name="HrmEmpClaim" property="txtRemarks" styleClass="optional" onchange='<%="doChangeDetail("+idx.toString()+");doChangeText("+idx+")"%>' >
                                                     <html:option value="A" ><bean:message key="hrm.HrmEmpClaim.Approved" /></html:option>
                                                     <html:option value="P" ><bean:message key="hrm.HrmEmpClaim.Paid" /></html:option>
                                                     
                              </html:select>
                               <html:hidden property="txtRemarks" name="HrmEmpClaim" />
                               
                              </TD>
                              <TD class=tableText ><html:text name="HrmEmpClaim" property="txtClaimNo" style="width:100%" styleClass="locked" readonly="true" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);"  /></td>
                              
                              </logic:notEqual>
                              
                              <logic:equal name="HrmEmpClaim" property="txtNewRemarks" value="P" >
                              <TD class=tableText ><html:text name="HrmEmpClaim"   property="txtEmployeeNo" styleClass="locked" style="width:70%" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);" readonly="true" /><img height="16"  class="icon" align="center"  alt="<%=idx.toString()%>"  src="../includes/images/lov_dis.jpg" name="butEmployeeNo"  /></td>
                              <TD class=tableText ><html:text name="HrmEmpClaim" property="txtEmployeeName" size="20" onmouseover="this.title=this.value;" styleClass="locked"  readonly="true" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);"  /></td>
                              
                              <td class=tableText >                            
                              <logic:notEmpty property="txtEmpId" name="HrmEmpClaim" >
                              <html:text name="HrmEmpClaim" property="txtClaimCode" styleClass="locked"  readonly="true" alt="<%=idx.toString()%>" style="width:70%" onmouseover="this.title=this.value;" onchange="doChangeDetail(this.alt);" titleKey="hrm.HrmEmpClaim.claimCode" /><img height="16" align="center" class="icon" alt="<%=idx.toString()%>"  src="../includes/images/lov_dis.jpg" name="butDtlClaimCode" /></td>              
                              </logic:notEmpty>
                              <logic:empty property="txtEmpId" name="HrmEmpClaim" >
                              <html:text name="HrmEmpClaim" property="txtClaimCode" styleClass="locked" readonly="true" alt="<%=idx.toString()%>" style="width:70%" onchange="doChangeDetail(this.alt);" titleKey="hrm.HrmEmpClaim.claimCode" /><img name="HrmEmpClaimForm" height="16" align="center"  src="../includes/images/lov_dis.jpg" property="butDtlClaimCode" /></td>              
                              </logic:empty>
                              </td>
                             <TD class=tableText ><html:text name="HrmEmpClaim" property="txtAppliedAmount" styleClass="locked" readonly="true" style="width:100%" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);" onkeypress="isInteger(event)" /></td>
                              <TD class=tableText ><html:text name="HrmEmpClaim" property="txtApplnDate" style="width:70%" onmouseover="this.title=this.value;" styleClass="locked" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);" readonly="true"  /><img src="../includes/images/cal_dis.gif"  width="15" height="19" align="top" class="icon" name="butTxtApplnDate" alt="<%=idx.toString()%>"  /></td>
                              <TD class=tableText ><html:text name="HrmEmpClaim" property="txtEligibleAmount" style="width:100%" styleClass="locked" readonly="true" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);"  onkeypress="isInteger(event)" /></td>
                              <TD class=tableText ><html:text name="HrmEmpClaim" property="txtReimbursementTillDate" style="width:100%" styleClass="locked" readonly="true" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);" onkeypress="isInteger(event)" /></td>
                              <TD class=tableText ><html:select name="HrmEmpClaim" property="txtPayrollFlag" styleClass="locked" disabled="true" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);"  >
                                                     <html:option value="N" ><bean:message key="hrm.HrmEmpClaim.n" /></html:option>
                                                     <html:option value="Y" ><bean:message key="hrm.HrmEmpClaim.y" /></html:option>
                                                     
                                                  </html:select><html:hidden property="txtPayrollFlag" name="HrmEmpClaim" /></TD>
                              <TD class=tableText ><html:text name="HrmEmpClaim" property="txtApprovedAmount" style="width:100%" styleClass="locked" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);" onkeypress="isInteger(event)" /></td>
                              <TD class=tableText ><html:text name="HrmEmpClaim" property="txtApprovalDate" style="width:70%" onmouseover="this.title=this.value;" styleClass="locked" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);" readonly="true"  /><img src="../includes/images/cal_dis.gif"  width="15" height="19" align="top"  class="icon" name="butTxtApprovalDate" alt="<%=idx.toString()%>"  /></td>
                              <TD class=tableText ><html:text name="HrmEmpClaim"   property="txtApprovedBy" style="width:70%" styleClass="locked" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);" readonly="true" /><img height="16" align="center"  alt="<%=idx.toString()%>" class="icon"  src="../includes/images/lov_dis.jpg" name="butApprovedBy"  /></td>
                              <TD class=tableText ><html:select name="HrmEmpClaim" property="txtRemarks" styleClass="locked" disabled="true" >
                                                     <html:option value="A" ><bean:message key="hrm.HrmEmpClaim.Approved" /></html:option>
                                                     <html:option value="P" ><bean:message key="hrm.HrmEmpClaim.Paid" /></html:option>
                                                     
                              </html:select>
                               <html:hidden property="txtRemarks" name="HrmEmpClaim" />
                              
                              </TD>
                              <TD class=tableText ><html:text name="HrmEmpClaim" property="txtClaimNo" style="width:100%" styleClass="locked" readonly="true" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);"  /></td>
                              </logic:equal>
                              </logic:notEqual>
                          </tr> 
                          </logic:notEqual>
                         
                          
                        </logic:iterate>
                      </logic:notEmpty>                        
                     </TBODY>
              </TABLE>
           </TD>
          </TR>                     

              <!-- Get details starts -->
                            
                                
                                  <TR>
                                    <td colspan=6>
                                    <jsp:include flush="true" page="GenDetailMenu.jsp" />
                                    </td>	 
                                    <td width="14%"></td>
                                  </TR>
                                </TBODY>
                              </TABLE>
                        </td>
                    </tr>
                  </TABLE>
                </td>
	            </tr>
                <!-- Tab Table Ends -->
                    <!-- Bottom Blue Bar -->
          <tr>
           <td>
            <table cellspacing=0 cellpadding=0 border=0>
              <TR>
                     <td align=center bgcolor=#4682b4 width="40%"></td>
                     <td  bgcolor=#4682b4></td>
                     <td bgColor=#4682b4></td>
                     <td align=right bgColor=#4682b4><img src="../includes/images/man.jpg"></td>
                     <td width="14%"></td>
             </TR>
	         </table>
          </td>
          </tr>
         
          </TABLE>
<!-- Container Table Ending Columns Starts-->
        </TD>
     </TR>
   </TBODY>
 </TABLE>

<!-- These four hidden fields must be present in pages where there is a detail part -->
<!-- Common Hidden Variables-->
<html:hidden name="HrmEmpClaimForm" property="screenName" value="HrmEmpClaim" />
<html:hidden name="HrmEmpClaimForm" property="forwardedPage" />
<html:hidden name="HrmEmpClaimForm" property="positionRequested"  />
<html:hidden name="HrmEmpClaimForm" property="screenMode"  />
<html:hidden property="detailDataChanged" name="HrmEmpClaimForm" />
<html:hidden property="headerDataChanged" name="HrmEmpClaimForm" />
<html:hidden property="headerPrimaryKey" name="HrmEmpClaimForm" />
<html:hidden property="userPageRequested" name="HrmEmpClaimForm"  />
<html:hidden property="userPositionRequested" name="HrmEmpClaimForm"   />
<html:hidden property="pageRequested" name="HrmEmpClaimForm"  />
<html:hidden property="lovKey" name="HrmEmpClaimForm"  />
<html:hidden property="txtSearchFields" name="HrmEmpClaimForm"  />
<html:hidden property="txtDisplayFields" name="HrmEmpClaimForm"  />
<html:hidden property="txtIndex" name="HrmEmpClaimForm"  />
<input type="hidden" name="multipleFlag" >
<input type="hidden" name="queryParam" >

<!-- Screen Specific variables -->
<html:hidden property="claimCodeId" name="HrmEmpClaimForm" />
<html:hidden property="firstLoad" name="HrmEmpClaimForm" />

<html:hidden property="empId" name="HrmEmpClaimForm" />

<html:hidden property="empDtlId" name="HrmEmpClaimForm" />




<!-- Hidden fields end -->
</html:form>
</body>
</html:html>
<script>


function boxClicked(val)
{    
    if(document.getElementsByName("checked")[val].checked)
    {      
      document.getElementsByName("itemChecked")[val].value = "Y";      
    }
    else
    {     
      document.getElementsByName("itemChecked")[val].value = "N";     
    }      
}

function doQueryMode()
{

  return "HrmEmpClaimQueryModeAction.do";
}

function doOnLoad()
{
  if(document.forms[0].firstLoad.value!="false")
  {
    return "HrmEmpClaimOnLoadAction.do";
  }
}


function doInsertMode()
{

  return "HrmEmpClaimNewModeAction.do";
}


function doExecute()
{

  return "HrmEmpClaimGetHeaderAction.do";
}

function doSave()
{
  
  return "HrmEmpClaimSaveAction.do";
}

function doDelete()
{

  return "HrmEmpClaimDeleteAction.do";
  
}

function doRefresh()
{

  return "HrmEmpClaimRefreshAction.do";
  
}

function doPrevHeader()
{
  return "HrmEmpClaimGetNextHeaderAction.do"; 
}

function doNextHeader()
{
  return "HrmEmpClaimGetNextHeaderAction.do"; 
}

function doJumpHeader()
{
  return "HrmEmpClaimGetNextHeaderAction.do"; 
}

function doGetDetail()
{
     return "HrmEmpClaimGetDetailAction.do";
}


function doExit()
{

  return "HrmEmpClaimExitAction.do"; 
}

function doDelRow()
{
 return "HrmEmpClaimDeleteRowAction.do";  
}

function doGetDetailTableName()
{
  return "tableName";
}

function doPrevDetail()
{

  return "HrmEmpClaimGetDetailPageAction.do";  
}

function doNextDetail()
{

  return "HrmEmpClaimGetDetailPageAction.do";
}

function doJumpDetail()
{
  return  "HrmEmpClaimGetDetailPageAction.do"; 
}
function doOnChangeLov(lovName)
{
   if((lovName=="HrmEmpClaimCodeHrmEmpClaimQ" || lovName=="HrmEmpClaimCodeHrmEmpClaimU") )
    {
      doBaseValidate();
      
    }
    if((document.forms[0].lovKey.value=="HrmEmpClaimEmpNoHrmEmpClaimU") )
    {
      doBaseValidate();
      
    }
    
}
function doValidate(obj)
{
  
  return "HrmEmpClaimValidateAction.do"; 
}
function ShowClaimCode()
{
        
        document.forms[0].lovKey.value = "HrmEmpClaimCode" + document.forms[0].screenName.value + document.forms[0].screenMode.value;
        document.forms[0].txtSearchFields.value = "hrm.HrmEmpClaim.claimCode";
        document.forms[0].txtDisplayFields.value = "claimCodeId,claimCode";
        showLov('<html:rewrite page="/hrms/jsp/CommonSearchScreen.jsp" />','HrmEmpClaimForm');
        return true;
       
}

function ShowClaimNo()
{
        
        document.forms[0].lovKey.value = "HrmEmpClaimNo" + document.forms[0].screenName.value + document.forms[0].screenMode.value;
        document.forms[0].txtSearchFields.value = "hrm.HrmEmpClaim.txtClaimNo";
        document.forms[0].txtDisplayFields.value = "claimNo";
        showLov('<html:rewrite page="/hrms/jsp/CommonSearchScreen.jsp" />','HrmEmpClaimForm');
        return true;
       
}

function ShowLovEmpNo()
{       
        document.forms[0].queryParam.value ="SelUser="+ document.forms[0].empId.value ;
        document.forms[0].lovKey.value = "HrmEmpClaimLovEmpNo" + document.forms[0].screenName.value + document.forms[0].screenMode.value;
        document.forms[0].txtSearchFields.value = "hrm.HrmEmpClaim.empNo,hrm.HrmEmpClaim.txtEmployeeName";
        document.forms[0].txtDisplayFields.value = "empDtlId,empNo";
        showLov('<html:rewrite page="/hrms/jsp/CommonSearchScreen.jsp" />','HrmEmpClaimForm');
        return true;

}

function ShowEmployeeNo(i)
{
        document.forms[0].queryParam.value ="SelUser="+ document.forms[0].empId.value ;
        document.forms[0].lovKey.value = "HrmEmpClaimEmpNo" + document.forms[0].screenName.value + document.forms[0].screenMode.value;
        document.forms[0].txtSearchFields.value = "hrm.HrmEmpClaim.txtEmployeeNo,hrm.HrmEmpClaim.txtEmployeeName";
        document.forms[0].txtIndex.value = i;
        document.forms[0].txtDisplayFields.value = "txtEmpId,txtEmployeeNo,txtEmployeeName"; 
        showLov('<html:rewrite page="/hrms/jsp/CommonSearchScreen.jsp" />','HrmEmpClaimForm');
        return true;
       
}

function ShowDtlClaimCode(i)
{
        document.forms[0].lovKey.value = "HrmEmpClaimDtlClaimCode" + document.forms[0].screenName.value + document.forms[0].screenMode.value;
        document.forms[0].txtSearchFields.value = "hrm.HrmEmpClaim.claimCode";
        document.forms[0].txtIndex.value = i;
        document.forms[0].txtDisplayFields.value = "txtClaimDtlId,txtClaimCode";
        
        document.forms[0].queryParam.value = "txtEmpId="+ document.getElementsByName("txtEmpId")[i].value;
        document.forms[0].multipleFlag.value = "false";
        showLov('<html:rewrite page="/hrms/jsp/CommonSearchScreen.jsp" />','HrmEmpClaimForm');
        return true;
       
}
function ShowApproverNo(i)
{
        document.forms[0].lovKey.value = "HrmEmpClaimApproverNo" + document.forms[0].screenName.value + document.forms[0].screenMode.value;
        document.forms[0].txtSearchFields.value = "hrm.HrmEmpClaim.txtApproverNo,hrm.HrmEmpClaim.txtApprovedBy";
        document.forms[0].txtIndex.value = i;
        document.forms[0].txtDisplayFields.value = "txtApproverId,txtApprovedBy";
        showLov('<html:rewrite page="/hrms/jsp/CommonSearchScreen.jsp" />','HrmEmpClaimForm');
        return true;
       
}
function doGetInsertData()
{}

function doGetDetailTableName()
{
  return "empClaim";
}

function doChangeText(i)
{
  j=i*2;
  document.getElementsByName("txtNewRemarks")[i].value=document.getElementsByName("txtRemarks")[j].value;
}

function doAddRow()
{
 
  return "HrmEmpClaimAddRowAction.do"; 
}




</script>