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

	<div id="VestadisticaPorForma_div" class="rup-table-container">
	
	<div id="VestadisticaPorForma_feedback"></div>						<!-- Feedback de la tabla --> 
	<div id="VestadisticaPorForma_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="VestadisticaPorForma_filter_form" commandName="vestadisticaFormaPreModel">						<!-- Formulario de filtrado -->
		<div id="VestadisticaPorForma_filter_toolbar" class="formulario_legend inv"></div>	<!-- Barra de herramientas del formulario de filtrado -->
			<div id="acordeon_1" >
				<fieldset id="VestadisticaPorForma_filter_fieldset" class="rup-table-filter-fieldset">
					<div class="formFila">					
						<!-- Tipo de procedimiento -->
						<div class="clsCampo">
							<label for="procedimiento_filter_table" class="etiquetaFormulario"><spring:message code="listado.tipoProcedimiento"/>:</label>
							<form:select path="procedimiento" cssClass="clsGrande" id="procedimiento_filter_table" ></form:select>
						</div>
						<!-- Territorio -->
						<div class="clsCampo">
							<label for="territorio_filter_table" class="etiquetaFormulario"><spring:message code="listado.territorio"/>:</label>
							<form:select path="territorio" cssClass="rup-clsGrande" id="territorio_filter_table" items="${autoridades}"  itemValue="id" itemLabel="descripcion${idiomaCapitalizado}" ></form:select>
						</div>
					</div>
					<div class="formFila">
						<!-- Año -->
						<div class="columnaSimpleYMediaFormulario">
							<label for="anio_filter_table" class="etiquetaFormulario"><spring:message code="listado.anio"/>:</label>
							<form:input path="anio" cssClass="numerico clsMinimo" id="anio_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>
						<!-- Agrupaciones -->
						<div class="columnaSimpleYMediaFormulario">
						<label class="etiquetaFormulario"><spring:message code="listado.agruparPor"/>:</label>
						</div>
						<div class="columnaSimpleYMediaFormulario">
							<form:radiobutton id="anios" path="agrupacion" value="anios"/>
							<label for="anios" class="etiquetaFormulario"><spring:message code="listado.anios"/></label>
						</div>
						<div class="columnaSimpleYMediaFormulario">
							<form:radiobutton id="meses" path="agrupacion" value="meses"/>
							<label for="meses"  class="etiquetaFormulario"><spring:message code="listado.meses"/></label>
						</div>
						<div class="columnaSimpleYMediaFormulario">
							<form:radiobutton id="semanas" path="agrupacion" value="semanas"/>
							<label for="semanas"  class="etiquetaFormulario"><spring:message code="listado.semanas"/></label>
						</div>
					</div>
					<!-- Botonera del formulario de filtrado -->
					<div id="VestadisticaPorForma_filter_buttonSet" class="right_buttons">
						<!-- Botón de filtrado -->
						<input id="VestadisticaPorForma_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="VestadisticaPorForma_filter_cleanLink" href="javascript:void(0)" class="rup-enlaceCancelar"><spring:message code="clear" /></a>
					</div>
				</fieldset>
			</div>
		</form:form>
	</div>

	<div id="VestadisticaPorForma_grid_div">
	<div id="VestadisticaPorForma_toolbar"></div>							<!-- Botonera de la tabla -->
		<!-- Tabla -->
		<table id="VestadisticaPorForma"></table>
		<!-- Barra de paginación -->
		<div id="VestadisticaPorForma_pager"></div>
	</div>
</div>	

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