<%@include file="/WEB-INF/includeTemplate.inc"%>
<h2><spring:message code="titulo.listado.listadoEstadisticasDocPrev"/></h2>

	<div id="ListadoEstadisticasPrevencion_div" class="rup-table-container">
	
	<div id="ListadoEstadisticasPrevencion_feedback"></div>						<!-- Feedback de la tabla --> 
	<div id="ListadoEstadisticasPrevencion_filter_div" class="rup-table-filter">	<!-- Capa contenedora del formulario de filtrado -->
	<!--  boton para plegar filtros -->
	<button type='button' class='acordeon blanco letraAcordeon' id="botonChaflon_${numId}" onClick="ocultar('#acordeon_1')">
		<span class='ui-button-text'><spring:message code="filtro.busquedas.title"/></span>
	</button>
	
		<form:form id="ListadoEstadisticasPrevencion_filter_form" commandName="listadoEstadisticasPrevencionModel">						<!-- Formulario de filtrado -->
		<div id="ListadoEstadisticasPrevencion_filter_toolbar" class="formulario_legend inv"></div>	<!-- Barra de herramientas del formulario de filtrado -->
			<div id="acordeon_1" >
				<fieldset id="ListadoEstadisticasPrevencion_filter_fieldset" class="rup-table-filter-fieldset">
					<div class="formFila">			
						<!-- Territorio -->
						<div class="clsCampo">
							<label for="teros_filter_table" class="etiquetaFormulario"><spring:message code="listado.territorio"/>:</label>
							<form:select path="territorio" cssClass="rup-clsGrande" id="teros_filter_table" items="${autoridades}"  itemValue="id" itemLabel="descripcion${idiomaCapitalizado}" ></form:select>
						</div>
					</div>
					<div class="formFila">
						<!-- Año -->
						<div class="columnaSimpleYMediaFormulario">
							<label for="anoos_filter_table" class="etiquetaFormulario"><spring:message code="listado.anio"/>:</label>
							<form:input path="anio" cssClass="numerico clsMinimo" id="anoos_filter_table" maxlength="4" />
						</div>
						<!-- Mes -->
						<div class="columnaSimpleYMediaFormulario">
							<label for="mes_filter_table" class="etiquetaFormulario"><spring:message code="listado.mes"/>:</label>
							<form:input path="mes" cssClass="numerico clsMinimo" id="mes_filter_table" maxlength="2" />
						</div>
					</div>
					<div class="formFila">
						<!-- Agrupaciones -->
						<label class="etiquetaFormulario" ><spring:message code="listado.agruparPor"/>:</label>
						<form:radiobutton id="mop" path="agrupacion" value="mop"/>
						<label for="mop" class="etiquetaFormulario"><spring:message code="listado.mop"/></label>
						<form:radiobutton id="auditoria" path="agrupacion" value="auditoria"/>
						<label for="auditoria"  class="etiquetaFormulario"><spring:message code="listado.auditoria"/></label>
					</div>
					<!-- Botonera del formulario de filtrado -->
					<div id="ListadoEstadisticasPrevencion_filter_buttonSet" class="right_buttons">
						<!-- Botón de filtrado -->
						<input id="ListadoEstadisticasPrevencion_filter_filterButton" type="button" class="ui-button ui-widget ui-state-default ui-corner-all" value='<spring:message code="filter" />' />
						<!-- Enlace de limpiar -->
						<a id="ListadoEstadisticasPrevencion_filter_cleanLink" href="javascript:void(0)" class="rup-enlaceCancelar"><spring:message code="clear" /></a>
					</div>
				</fieldset>
			</div>
		</form:form>
	</div>

	<div id="ListadoEstadisticasPrevencion_grid_div">
	<div id="ListadoEstadisticasPrevencion_toolbar"></div>							<!-- Botonera de la tabla -->
		<!-- Tabla -->
		<table id="ListadoEstadisticasPrevencion"></table>
		<!-- Barra de paginación -->
		<div id="ListadoEstadisticasPrevencion_pager"></div>
	</div>
</div>	

<!-- Formulario de detalle -->
<script>
	function ocultar(capaAcordeon){
		$(capaAcordeon).toggle();
	};
</script>
