<%@ taglib uri="/tags/struts-bean-el" prefix="bean-el" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html-el" %>
<%@ taglib uri="/tags/esr-core" prefix="esrcore" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="/tags/valuelist" prefix="vlh" %>
<%@ taglib uri="/tags/fw" prefix="fw" %>
<%@ taglib uri="/tags/authz" prefix="auth" %>
<%@ page import='gov.va.med.esr.common.model.lookup.Capability' %>

<c:set var="mmddyyyyText" scope="page"><bean-el:message key="label.mmddyyyy"/></c:set>
<c:set var="voaResubmission" scope="page"><bean-el:message key="label.voaResubmission"/></c:set>

<script>
function showVOAFilter()
{
	document.getElementById("voaFilter").style.display="block";
	document.getElementById("showVOAFilterLink").style.display="none";
	document.getElementById("hideVOAFilterLink").style.display="block";
	return false;
}
function hideVOAFilter()
{
	document.getElementById("voaFilter").style.display="none";
	document.getElementById("showVOAFilterLink").style.display="block";
	document.getElementById("hideVOAFilterLink").style.display="none";
	return false;
}
/* Synchronize selections top and bottom selected in a page */
function syncSelections(selectedEl, groupEl) {
    for (var i = 0; i < groupEl.length; i++) {
	    groupEl[i].value=selectedEl.value;
	}
}
function isSelected(groupEl) {
	if (groupEl[0].value =="")
		return false;
	else
		return true;
}
</script>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="moduleShell">
<html-el:form action="/voaPendingList" method="post">
  <%@ include file="/admin/csrfgentoken.jsp" %>
    <tr>
     <td>
	   <table width="100%" border="0" cellpadding="0" cellspacing="0" class="moduleShellTable">
		<!-- Heading Row -->
	    <tr>
	     <td>
          <table width="100%" border="0" cellpadding="0" cellspacing="0" class="moduleShellTableHead">
           <tr>
		     <td class="moduleBlueBox"><img alt=""  src="../images/spacer.gif" width="28" height="23"/></td>
			 <td nowrap class="moduleHeadline">
					 <bean-el:message key="voa.voaResubmission.title"/>

			 </td>
			 <td width="100%"><img alt=""  src="../images/spacer.gif"/>
					 <td nowrap class="moduleBlueLink" style="padding: 1 8 1 8">
							<div id="showVOAFilterLink" style="display:block">
								<fw:link onclick="return(showVOAFilter());return false" action="none">SHOW FILTER</fw:link>
							</div>
							<div id="hideVOAFilterLink" style="display:none">
								<fw:link onclick="return(hideVOAFilter());return false" action="none">HIDE FILTER</fw:link>
							</div>
					 </td>
			 </td>
           </tr>
          </table>
	     </td>
	    </tr>
		<!-- set the variables to define the dynamic view for different tabs -->
	    <tr>
		 <td>
		  <table width="100%" border="0" cellpadding="0" cellspacing="0" class="moduleShellTableBody">
			<c:choose>
                     <c:when test="${vlhlist == null || vlhlist.valueListInfo.totalNumberOfEntries == 0}">
				   <tr>
					   <td>
						   <%@ include file="voaFilter.jsp" %>
					   </td>
				   </tr>
                           <tr>
                                 <td class="darkValue" style="padding:10 0 10 10; text-align: left"><bean-el:message key="label.noDataAvailable"/></td>
                           </tr>
                     </c:when>
              <c:otherwise>				                
					<%@ include file="voaFilter.jsp" %>
                	<%@ include file="voaActionHeader.jsp" %>										
					<%@ include file="voaResubmission.jsp" %>
                	<%@ include file="voaActionHeader.jsp" %>					
			  </c:otherwise>	
		     </c:choose>
	      </table>	<!-- module shell table  -->
	     </td>
	   </tr>
	   </table>	<!-- module shell table  -->
	   </td>
	</tr>
</html-el:form>
</table>
	<!-- module shell -->
