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

	<!-- TABLA 1 -->
	<div id="TramosTrabajadores_div" class="rup-table-container">
	
	<div id="contenedorSecciones" class="formulario">
	
	<div id="TramosTrabajadores_feedback"></div>						<!-- Feedback de la tabla --> 
	
	<div id="TramosTrabajadores_filter_div" class="rup-table-filter seccion">	<!-- 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="TramosTrabajadores_filter_form" commandName="comunicAperturasFiltroModel">						<!-- Formulario de filtrado -->
		<div id="TramosTrabajadores_filter_toolbar" class="formulario_legend inv"></div>	<!-- Barra de herramientas del formulario de filtrado -->
		
		<div id="acordeon_1" >
		
		<fieldset id="TramosTrabajadores_filter_fieldset" class="rup-table-filter-fieldset">
			
			<!-- Campos del formulario de filtrado -->
			<div class="formFila">
				<!-- Territorio -->
				<div class="columnaSimpleFormularioPeque">
					<label for="terape056_filter_table" class="etiquetaFormulario"><spring:message code="aperturas.territorio"/>:</label>
				</div>
				<div class="columnaSimpleYMediaFormulario">
					<form:select path="terape056" cssClass="rup-clsGrande" id="terape056_filter_table" items="${autoridades}"  itemValue="id" itemLabel="descripcion${idiomaCapitalizado}" ></form:select>
				</div>
				<!-- Año -->
				<div class="mediaColumnaFormularioExtraPeque">
					<label for="anoape056_filter_table" class="etiquetaFormulario"><spring:message code="aperturas.anyo"/>:</label>
				</div>
				<div class="columnaSimpleAncho7">
					<form:input path="anoape056" cssClass="numerico clsMinimo" id="anoape056_filter_table" maxlength="4" />
				</div>
				<!-- Numero expediente desde/hasta -->
				<div class="columnaSimpleAncho11">
					<label for="numExp" class="etiquetaFormulario"><spring:message code="aperturas.nexp"/>:</label>
				</div>
				<div class="mediaColumnaFormularioExtraPeque">
					<label for="numExpDesde_filter_table" class="etiquetaFormulario"><spring:message code="etiqueta.desde"/>:</label>
				</div>
				<div class="columnaSimpleAncho5">	
					<form:input path="numExpDesde" cssClass="numerico clsMinimo" id="numExpDesde_filter_table" maxlength="5" />
				</div>
				<div class="columnaSimpleAncho1">
					<span class="etiquetaFormulario"> - </span>
				</div>
				<div class="mediaColumnaFormularioExtraPeque">
					<label for="numExpHasta_filter_table" class="etiquetaFormulario"><spring:message code="etiqueta.hasta"/>:</label>
				</div>
				<div class="columnaSimpleAncho5">
					<form:input path="numExpHasta" cssClass="numerico clsMinimo" id="numExpHasta_filter_table" maxlength="5" />
				</div>
			</div>
			<div class="formFila">
				<!-- Territorio -->
				<label for="prvctr_filter_table" class="formulario_linea_label_grande"><spring:message code="comunicacionPrl.territorioCentro"/>:</label>
			 	<%--<input type="text" name="prvctr" class="clsMediano" id="prvctr_filter_table"/>--%>
			 	<form:select path="provinciaCtr.codProvincia" cssClass="rup-clsGrande" id="prvctr_filter_table" items="${autoridades}"  itemValue="id" itemLabel="descripcion${idiomaCapitalizado}" ></form:select>	
			</div>
			<div class="formFila">
				<!-- Agrupacion -->
				<div class="columnaSimpleFormularioPeque">
					<label for="agrupacion" class="etiquetaFormulario"><spring:message code="aperturas.agrupacion"/>:</label>
				</div>
				<div class="columnaSimpleYMediaFormulario">
					<form:radiobutton id="claseCtr" path="agrupacion" value="centro"/>
					<label for="claseCtr" class="etiquetaFormulario"><spring:message code="aperturas.agrupacion.clasectr"/></label>
				</div>
				<div class="columnaSimpleYMediaFormulario">
					<form:radiobutton id="totTrab" path="agrupacion" value="total"/>
					<label for="totTrab"  class="etiquetaFormulario"><spring:message code="aperturas.agrupacion.totaltrabajadores"/></label>
				</div>
				<div class="columnaSimpleYMediaFormulario">
					<form:radiobutton id="numMuj" path="agrupacion" value="mujeres"/>
					<label for="numMuj"  class="etiquetaFormulario"><spring:message code="aperturas.agrupacion.numeromujeres"/></label>
				</div>
				<div class="columnaSimpleYMediaFormulario">
					<form:radiobutton id="numHom" path="agrupacion" value="hombres" />
					<label for="numHom" class="etiquetaFormulario"><spring:message code="aperturas.agrupacion.numerohombres"/></label>
				</div>
			</div>				
			<!-- Botonera del formulario de filtrado -->
			<div id="TramosTrabajadores_filter_buttonSet" class="right_buttons">
				<!-- Botón de filtrado -->
				<input id="TramosTrabajadores_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="TramosTrabajadores_filter_cleanLink" href="javascript:void(0)" class="rup-enlaceCancelar"><spring:message code="clear" /></a>
			</div>
		</fieldset>
		</div>
	</form:form>
	</div>
		</div>
	</div>
	
	<div id="TramosTrabajadores_grid_div">
	<div id="TramosTrabajadores_toolbar"></div>							<!-- Botonera de la tabla -->
		<!-- Tabla -->
		<table id="TramosTrabajadores"></table>
		<!-- Barra de paginación -->
		<div  id="TramosTrabajadores_pager"></div>
	</div>

	
	
	<!-- TABLA 2 -->
	<div id="TramosTrabajadores2_div" class="rup-table-container">
	<div id="contenedorSecciones2" class="formulario">
	<div id="TramosTrabajadores2_feedback"></div>
	<div id="TramosTrabajadores2_filter_div" class="rup-table-filter seccion inv">	<!-- Capa contenedora del formulario de filtrado -->
	
	<!--  boton para plegar filtros -->
	<button type='button' class='acordeon blanco letraAcordeon' id="botonChaflon_${numId}2" onClick="ocultar('#acordeon_1')">
		<span class='ui-button-text'><spring:message code="filtro.busquedas.title"/></span>
	</button>
	<form:form id="TramosTrabajadores2_filter_form" commandName="comunicAperturasFiltroModel">						<!-- Formulario de filtrado -->
		<div id="TramosTrabajadores2_filter_toolbar" class="formulario_legend inv"></div>	<!-- Barra de herramientas del formulario de filtrado -->
		
		<div id="acordeon_1" >
		
		<fieldset id="TramosTrabajadores2_filter_fieldset" class="rup-table-filter-fieldset">
			
			<!-- Campos del formulario de filtrado -->
			<div class="formFila">
				<!-- Territorio -->
				<div class="columnaSimpleFormularioPeque">
					<label for="terape056_filter_table" class="etiquetaFormulario"><spring:message code="aperturas.territorio"/>:</label>
				</div>
				<div class="columnaSimpleYMediaFormulario">
					<form:select path="terape056" cssClass="rup-clsGrande" id="terape056_filter_table2" items="${autoridades}"  itemValue="id" itemLabel="descripcion${idiomaCapitalizado}" ></form:select>
				</div>
				<!-- Año -->
				<div class="mediaColumnaFormularioExtraPeque">
					<label for="anoape056_filter_table" class="etiquetaFormulario"><spring:message code="aperturas.anyo"/>:</label>
				</div>
				<div class="columnaSimpleAncho7">
					<form:input path="anoape056" cssClass="numerico clsMinimo" id="anoape056_filter_table2" maxlength="4" />
				</div>
				<!-- Numero expediente desde/hasta -->
				<div class="columnaSimpleAncho11">
					<label for="numExp" class="etiquetaFormulario"><spring:message code="aperturas.nexp"/>:</label>
				</div>
				<div class="mediaColumnaFormularioExtraPeque">
					<label for="numExpDesde_filter_table" class="etiquetaFormulario"><spring:message code="etiqueta.desde"/>:</label>
				</div>
				<div class="columnaSimpleAncho5">	
					<form:input path="numExpDesde" cssClass="numerico clsMinimo" id="numExpDesde_filter_table2" maxlength="5" />
				</div>
				<div class="columnaSimpleAncho1">
					<span class="etiquetaFormulario"> - </span>
				</div>
				<div class="mediaColumnaFormularioExtraPeque">
					<label for="numExpHasta_filter_table" class="etiquetaFormulario"><spring:message code="etiqueta.hasta"/>:</label>
				</div>
				<div class="columnaSimpleAncho5">
					<form:input path="numExpHasta" cssClass="numerico clsMinimo" id="numExpHasta_filter_table2" maxlength="5" />
				</div>
			</div>
			<div class="formFila">
				<!-- Territorio -->
				<label for="prvctr_filter_table" class="formulario_linea_label_grande"><spring:message code="comunicacionPrl.territorioCentro"/>:</label>
			 	<%--<input type="text" name="prvctr" class="clsMediano" id="prvctr_filter_table"/>--%>
			 	<form:select path="provinciaCtr.codProvincia" cssClass="rup-clsGrande" id="prvctr_filter_table2" items="${autoridades}"  itemValue="id" itemLabel="descripcion${idiomaCapitalizado}" ></form:select>	
			</div>
			<div class="formFila">
				<!-- Agrupacion -->
				<div class="columnaSimpleFormularioPeque">
					<label for="agrupacion" class="obligatorio etiquetaFormulario"><spring:message code="aperturas.agrupacion"/>:</label>
				</div>
				<div class="columnaSimpleYMediaFormulario">
					<form:radiobutton id="claseCtr2" path="agrupacion" value="centro"/>
					<label for="agruSector" class="etiquetaFormulario"><spring:message code="aperturas.agrupacion.clasectr"/></label>
				</div>
				<div class="columnaSimpleYMediaFormulario">
					<form:radiobutton id="totTrab2" path="agrupacion" value="total"/>
					<label for="agruCNAEctr"  class="etiquetaFormulario"><spring:message code="aperturas.agrupacion.totaltrabajadores"/></label>
				</div>
				<div class="columnaSimpleYMediaFormulario">
					<form:radiobutton id="numMuj2" path="agrupacion" value="mujeres"/>
					<label for="agruCNAEemp"  class="etiquetaFormulario"><spring:message code="aperturas.agrupacion.numeromujeres"/></label>
				</div>
				<div class="columnaSimpleYMediaFormulario">
					<form:radiobutton id="numHom2" path="agrupacion" value="hombres" />
					<label for="agruSector" class="etiquetaFormulario"><spring:message code="aperturas.agrupacion.numerohombres"/></label>
				</div>
			</div>				
			<!-- Botonera del formulario de filtrado -->
			<div id="TramosTrabajadores2_filter_buttonSet" class="right_buttons">
				<!-- Botón de filtrado -->
				<input id="TramosTrabajadores2_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="TramosTrabajadores2_filter_cleanLink" href="javascript:void(0)" class="rup-enlaceCancelar"><spring:message code="clear" /></a>
			</div>
		</fieldset>
		</div>
	</form:form>
	</div>
	</div>	
</div>


	<div id="TramosTrabajadores2_grid_div">
	<div id="TramosTrabajadores2_toolbar"></div>							<!-- Botonera de la tabla -->
		<!-- Tabla -->
		<table id="TramosTrabajadores2"></table>
		<!-- Barra de paginación -->
		<div id="TramosTrabajadores2_pager"></div>
	</div>
	 


<!-- TABLA 3 -->
	<div id="TramosTrabajadores3_div" class="rup-table-container">
	<div id="contenedorSecciones3" class="formulario">
	<div id="TramosTrabajadores3_feedback"></div>
	<div id="TramosTrabajadores3_filter_div" class="rup-table-filter seccion inv">	<!-- Capa contenedora del formulario de filtrado -->
	
	<!--  boton para plegar filtros -->
	<button type='button' class='acordeon blanco letraAcordeon' id="botonChaflon_${numId}3" onClick="ocultar('#acordeon_1')">
		<span class='ui-button-text'><spring:message code="filtro.busquedas.title"/></span>
	</button>
	<form:form id="TramosTrabajadores3_filter_form" commandName="comunicAperturasFiltroModel">						<!-- Formulario de filtrado -->
		<div id="TramosTrabajadores3_filter_toolbar" class="formulario_legend inv"></div>	<!-- Barra de herramientas del formulario de filtrado -->
		
		<div id="acordeon_1" >
		
		<fieldset id="TramosTrabajadores3_filter_fieldset" class="rup-table-filter-fieldset">
			
			<!-- Campos del formulario de filtrado -->
			<div class="formFila">
				<!-- Territorio -->
				<div class="columnaSimpleFormularioPeque">
					<label for="terape056_filter_table" class="etiquetaFormulario"><spring:message code="aperturas.territorio"/>:</label>
				</div>
				<div class="columnaSimpleYMediaFormulario">
					<form:select path="terape056" cssClass="rup-clsGrande" id="terape056_filter_table3" items="${autoridades}"  itemValue="id" itemLabel="descripcion${idiomaCapitalizado}" ></form:select>
				</div>
				<!-- Año -->
				<div class="mediaColumnaFormularioExtraPeque">
					<label for="anoape056_filter_table" class="etiquetaFormulario"><spring:message code="aperturas.anyo"/>:</label>
				</div>
				<div class="columnaSimpleAncho7">
					<form:input path="anoape056" cssClass="numerico clsMinimo" id="anoape056_filter_table3" maxlength="4" />
				</div>
				<!-- Numero expediente desde/hasta -->
				<div class="columnaSimpleAncho11">
					<label for="numExp" class="etiquetaFormulario"><spring:message code="aperturas.nexp"/>:</label>
				</div>
				<div class="mediaColumnaFormularioExtraPeque">
					<label for="numExpDesde_filter_table" class="etiquetaFormulario"><spring:message code="etiqueta.desde"/>:</label>
				</div>
				<div class="columnaSimpleAncho5">	
					<form:input path="numExpDesde" cssClass="numerico clsMinimo" id="numExpDesde_filter_table3" maxlength="5" />
				</div>
				<div class="columnaSimpleAncho1">
					<span class="etiquetaFormulario"> - </span>
				</div>
				<div class="mediaColumnaFormularioExtraPeque">
					<label for="numExpHasta_filter_table" class="etiquetaFormulario"><spring:message code="etiqueta.hasta"/>:</label>
				</div>
				<div class="columnaSimpleAncho5">
					<form:input path="numExpHasta" cssClass="numerico clsMinimo" id="numExpHasta_filter_table3" maxlength="5" />
				</div>
			</div>
			<div class="formFila">
				<!-- Territorio -->
				<label for="prvctr_filter_table" class="formulario_linea_label_grande"><spring:message code="comunicacionPrl.territorioCentro"/>:</label>
			 	<%--<input type="text" name="prvctr" class="clsMediano" id="prvctr_filter_table"/>--%>
			 	<form:select path="provinciaCtr.codProvincia" cssClass="rup-clsGrande" id="prvctr_filter_table3" items="${autoridades}"  itemValue="id" itemLabel="descripcion${idiomaCapitalizado}" ></form:select>	
			</div>
			<div class="formFila">
				<!-- Agrupacion -->
				<div class="columnaSimpleFormularioPeque">
					<label for="agrupacion" class="obligatorio etiquetaFormulario"><spring:message code="aperturas.agrupacion"/>:</label>
				</div>
				<div class="columnaSimpleYMediaFormulario">
					<form:radiobutton id="claseCtr3" path="agrupacion" value="centro"/>
					<label for="agruSector" class="etiquetaFormulario"><spring:message code="aperturas.agrupacion.clasectr"/></label>
				</div>
				<div class="columnaSimpleYMediaFormulario">
					<form:radiobutton id="totTrab3" path="agrupacion" value="total"/>
					<label for="agruCNAEctr"  class="etiquetaFormulario"><spring:message code="aperturas.agrupacion.totaltrabajadores"/></label>
				</div>
				<div class="columnaSimpleYMediaFormulario">
					<form:radiobutton id="numMuj3" path="agrupacion" value="mujeres"/>
					<label for="agruCNAEemp"  class="etiquetaFormulario"><spring:message code="aperturas.agrupacion.numeromujeres"/></label>
				</div>
				<div class="columnaSimpleYMediaFormulario">
					<form:radiobutton id="numHom3" path="agrupacion" value="hombres" />
					<label for="agruSector" class="etiquetaFormulario"><spring:message code="aperturas.agrupacion.numerohombres"/></label>
				</div>
			</div>				
			<!-- Botonera del formulario de filtrado -->
			<div id="TramosTrabajadores3_filter_buttonSet" class="right_buttons">
				<!-- Botón de filtrado -->
				<input id="TramosTrabajadores3_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="TramosTrabajadores3_filter_cleanLink" href="javascript:void(0)" class="rup-enlaceCancelar"><spring:message code="clear" /></a>
			</div>
		</fieldset>
		</div>
	</form:form>
	</div>
	</div>	
</div>

	<div id="TramosTrabajadores3_grid_div">
	<div id="TramosTrabajadores3_toolbar"></div>							<!-- Botonera de la tabla -->
		<!-- Tabla -->
		<table id="TramosTrabajadores3"></table>
		<!-- Barra de paginación -->
		<div id="TramosTrabajadores3_pager"></div>
	</div>
	 



<!-- Formulario de detalle -->


<script>
	function ocultar(capaAcordeon){
		$(capaAcordeon).toggle();
	};
</script>