<%@include file="/WEB-INF/includeTemplate.inc"%>
<h2 id="titleConsultaAperturas"><spring:message code="titulo.consulta.comunicacionAperturas"/></h2>
<h2 id="titleCambioCoordinador"><spring:message code="titulo.consulta.cambioCoordinador"/></h2>

<script>
	var volver = ${volver};
	var modo = '<%= request.getSession().getAttribute("modo")%>';	
</script>

	<div id="ComunicacionAperturas_div" class="rup-table-container">
	
	<div id="contenedorSecciones" class="formulario">
	
	<div id="ComunicacionAperturas_feedback"></div>						<!-- Feedback de la tabla --> 
	
	<div id="ComunicacionAperturas_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="ComunicacionAperturas_filter_form" commandName="comunicAperturasFiltroModel">						<!-- Formulario de filtrado -->
		<div id="ComunicacionAperturas_filter_toolbar" class="formulario_legend inv"></div>	<!-- Barra de herramientas del formulario de filtrado -->
		
		<div id="acordeon_1" >
		
		<fieldset id="ComunicacionAperturas_filter_fieldset" class="rup-table-filter-fieldset">
			
			<!-- Campos del formulario de filtrado -->
			<div class="clsFila">
				<!-- Territorio -->
				<div class="clsCampo">
					<label for="terape056_filter_table" ><spring:message code="aperturas.territorio"/>:</label>
<%-- 				 	<form:input path="terape056" cssClass="clsMediano" id="terape056_filter_table"/> --%>
						<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="clsCampo">
				<label for="anoape056_filter_table" ><spring:message code="aperturas.anyo"/></label>
					<form:input path="anoape056" cssClass="numerico clsMinimo" id="anoape056_filter_table" maxlength="4" />
				</div>
				
				<!-- Numero expediente desde/hasta -->
				<div class="clsCampo alignTromTop"><label for="" ><spring:message code="aperturas.nexp"/>:</label></div>

				<div class="clsCampo">
					<label for="numExpDesde_filter_table" ><spring:message code="etiqueta.desde"/>:</label>
					<form:input path="numExpDesde" cssClass="numerico clsMinimo" id="numExpDesde_filter_table" maxlength="6" />

					<label for="numExpHasta_filter_table" ><spring:message code="etiqueta.hasta"/>:</label>
					<form:input path="numExpHasta" cssClass="numerico clsMinimo" id="numExpHasta_filter_table" maxlength="6" />
				</div>
			</div>
			<div class="clsFila">
			<!-- Fecha presentacion (desde/hasta) -->
				<div class="clsCampo">
					<label for="periodoPresentacion_filter_table" ><spring:message code="aperturas.periodoPresentacion"/>:</label>
					<form:input path="periodoPresentacion" class="clsMediano" id="periodoPresentacion_filter_table"/>
					
					<label for="fechaPresentacionDesde_filter_table" ><spring:message code="etiqueta.desde"/>:</label>
					<form:input path="fecpreDesdeStr" cssClass="clsPequeno" id="fechaPresentacionDesde_filter_table" />
					<span> - </span>
					<label for="fechaPresentacionHasta_filter_table" ><spring:message code="etiqueta.hasta"/>:</label>
					<form:input path="fecpreHastaStr" cssClass="clsPequeno"  id="fechaPresentacionHasta_filter_table" />
				</div>
			</div>
			<div class="clsFila">
				<!-- tipos apertura -->
				<div class="clsCampo">
					<label for="tipape056_filter_table" ><spring:message code="aperturas.tiposAperturas"/>:</label>
					<form:input path="tipoApertura.tipape071" class="clsMediano" id="tipape056_filter_table"/>
				</div>
				<!-- Indicador de obra -->
				<div class="clsCampo" id="campoObra">
					<label for="indobra056_filter_table" ><spring:message code="aperturas.indobra"/>:</label>
					<form:select path="indobra056" cssClass="rup-clsGrande" id="indobra056_filter_table" items="${obra}"  itemValue="id" itemLabel="descripcion${idiomaCapitalizado }" ></form:select>
				</div>
			</div>
			<!-- duracion prevista obra -->
			<div class="clsFila">
				<div class="clsCampo">
					<label for="campoDurPreDesde" ><spring:message code="aperturas.detalle.durPreObra"/>:</label>
					<label for="campoDurPreDesde" > <spring:message code="etiqueta.de"/> </label>
					<form:input path="obra.durpreDesde" class="clsMinimo numerico" id="campoDurPreDesde" maxlength="3" />
					<label for="campoDurPreHasta" > <spring:message code="etiqueta.a"/> </label>
					<form:input path="obra.durpreHasta" class="clsMinimo numerico" id="campoDurPreHasta" maxlength="3" />
					<form:input path="obra.unitmp082" class="clsPequeno" id="campoUniTempDurPre"/>
				</div>		
			</div>
			<br/>
						
			<div class="clsFila">
				<!-- numero identificacion -->
				<div class="clsCampoTooltip">
					<label for="numdoc_filter_table" ><spring:message code="aperturas.numdocpart"/>:</label>
					<form:input path="numdocPart" cssClass="clsPequeno" id="numdoc_filter_table" maxlength="10" />	
				</div>							
				<div class="columnaSimpleAncho7 formTooltip help-separatorCentro">
					<a href="#" id="numdocPart_detail_table_info" title="<spring:message code="aperturas.tip.numdocpart"/>">?</a>
				</div>	
				
				<!-- tipo participante -->
				<div class="clsCampo">
					<label for="participante_filter_table" ><spring:message code="aperturas.tipoParticipante"/>:</label>
					<form:input path="tipoPart" class="clsMediano" id="participante_filter_table"/>
				</div>
					<!-- nombre participante -->
				<div class="clsCampo">
					<label for="nomparticipante_filter_table" ><spring:message code="aperturas.nomParticipante"/>:</label>
					<form:input path="nomPart" class="clsMediano" id="nomparticipante_filter_table"/>
				</div>
			</div>
			
			<br/>
			<!-- centro de trabajo / empresa -->
			<fieldset class="subseccionfieldset">
			<legend id="seccionDatosFilterCentroEmpresa_legend" ><span class="legend_class"><spring:message code="centro.titulo"/></span><span class="legend_ver_class"> (<u><spring:message code="legend.mostrar.ocultar"/></u>)</span></legend>
			<div id="seccionDatosFilterCentroEmpresa" class="subseccionFieldsetDiv" >
				
				<div class="clsFila">
				<!-- Tipo identificacion -->
					<div class="clsCampo">
						<label for="tipdoc056_filter_table" ><spring:message code="aperturas.tipoidentif"/>:</label>
						<form:select path="tipdoc056" cssClass="rup-clsGrande" id="tipdoc056_filter_table" items="${tipoidentificacion}"  itemValue="id" itemLabel="descripcion${idiomaCapitalizado }" ></form:select>
					</div>
					<!-- numero identificacion -->
					<div class="clsCampo">
						<label for="numdoc056_filter_table" ><spring:message code="aperturas.numdoc"/>:</label>
						<form:input path="numdoc056" cssClass="clsPequeno" id="numdoc056_filter_table" maxlength="10" />
					</div>
				</div>
				
				<!-- nombre empresa -->
				<div class="clsFila">
					<div class="clsCampo">
						<label for="nomemp056_filter_table" ><spring:message code="aperturas.nombreEmpresa"/>:</label>
						<form:input path="nomemp056" cssClass="clsGrande" id="nomemp056_filter_table" maxlength="56" />
					</div>
				</div>
				
				<div class="clsFila">
					<!-- clase centro trabajo -->
					<div class="clsCampo">
						<label for="clasctr056_filter_table" ><spring:message code="aperturas.claseCentro"/>:</label>
						<form:input path="clasctr056" cssClass="clsGrande" id="clasctr056_filter_table" maxlength="56" />
					</div>
					<!-- municipio -->
					<div class="clsCampo">
						<label for="munctr056_filter_table"><spring:message code="aperturas.municipio"/>:</label>
						<form:input path="municipioCtr.codMunicipio" cssClass="clsGrande" id="munctr056_filter_table" />
					</div>
				</div>
				
				<!-- direccio centro de trabajo -->
				<div class="clsFila">
					<div class="clsCampo">
						<label for="dirctr056_filter_table" ><spring:message code="aperturas.direccionCentro"/>:</label>
						<form:input path="dirctr056" cssClass="clsMuyGrande" id="dirctr056_filter_table" maxlength="56" />
					</div>
				</div>
				
				<!-- num total trabajadores (desde/hasta) -->
				<div class="clsFila">
					<div class="clsCampo alignTromTop"><label for="" ><spring:message code="aperturas.trbtot"/>:</label></div>
	
					<div class="clsCampo">
						<label for="trbTotDesde_filter_table" ><spring:message code="etiqueta.desde"/>:</label>
						<form:input path="trbTotDesde" cssClass="numerico clsMinimo" id="trbTotDesde_filter_table" maxlength="6" />
	
						<label for="trbTotHasta_filter_table" ><spring:message code="etiqueta.hasta"/>:</label>
						<form:input path="trbTotHasta" cssClass="numerico clsMinimo" id="trbTotHasta_filter_table" maxlength="6" />
					</div>
				</div>
				
				<!-- cnae centro -->
				<div class="clsFila">
					<div class="clsCampo">
						<label for="cnaectr056_filter_table" class="formulario_linea_label"><spring:message code="aperturas.cnaecentro"/>:</label>
						
						<form:input path="cnaectr056" class="clsMinimo" id="cnaectr056_filter_table" size="4" maxlength="4"/>	
						
						<input id="campoDescCnaeCentro_label" class="clsMuyGrande" name="campoDescCnaeCentro_label" ruptype="autocomplete"/>
						<input type="hidden" id="campoDescCnaeCentro" name="campoDescCnaeCentro" ruptype="autocomplete"/>
					</div>
				</div>
				<!-- cnae empresa -->
				<div class="clsFila">
					<div class="clsCampo">
						<label for="cnaeemp056_filter_table" class="formulario_linea_label"><spring:message code="aperturas.cnaeemp"/>:</label>
						<label for="cnaeempDesde" ><spring:message code="etiqueta.desde"/>:</label>
						<form:input path="cnaeempDesde" class="clsMinimo" id="cnaeempDesde_filter_table" size="4" maxlength="4"/>	
						<input id="campoDescCnaeEmpDesde_label" class="clsMuyGrande" name="campoDescCnaeEmpDesde_label" ruptype="autocomplete"/>
						<input type="hidden" id="campoDescCnaeEmpDesde" name="campoDescCnaeEmpDesde" ruptype="autocomplete"/>
					</div>
				</div>	
				<div class="clsFila">
					<div class="clsCampo">
						<label for="cnaeempHasta" class="margen14"><spring:message code="etiqueta.hasta"/>:</label>
						<form:input path="cnaeempHasta" class="clsMinimo" id="cnaeempHasta_filter_table" size="4" maxlength="4"/>	
						<input id="campoDescCnaeEmpHasta_label" class="clsMuyGrande" name="campoDescCnaeEmpHasta_label" ruptype="autocomplete"/>
						<input type="hidden" id="campoDescCnaeEmpHasta" name="campoDescCnaeEmpHasta" ruptype="autocomplete"/>
					</div>
				</div>
			</div>
			</fieldset>
			<br>
			<fieldset class="subseccionfieldset">
			<legend id="seccionDatosFilterEstadoExp_legend" ><span class="legend_class"><spring:message code="estadoexp.titulo"/></span><span class="legend_ver_class"> (<u><spring:message code="legend.mostrar.ocultar"/></u>)</span></legend>
				<!-- ESTADO EXPEDIENTE (cierre)-->
				<div class="clsFila">
					<div class="clsCampo">
						<label for="estado056_filter_table" ><spring:message code="aperturas.estadosCierre"/>:</label>
						<form:input path="estado056" class="clsMediano" id="estado056_filter_table"/>
					</div>
				</div>
				
					<!-- Tareas pendientes -->
					<div class="clsFila">
						<div class="clsCampo">
							<label for="tareasPendientes_filter_table" ><spring:message code="aperturas.tareasPendientes"/>:</label>
							<form:select path="tareasPendientes" cssClass="rup-clsGrande" id="tareasPendientes_filter_table" items="${tareasPendientes}"  itemValue="id" itemLabel="descripcion${idiomaCapitalizado }" ></form:select>
						</div>
					</div>
				
				<div id="seccionDatosFilterEstadoExp" class="subseccionFieldsetDiv" >
					<!-- TIPO CAMBIO-->
					<div class="clsFila">
						<div class="clsCampo">
							<label for="tipoCambio_filter_table" ><spring:message code="aperturas.tipoCambio"/>:</label>
							<form:input path="tipoCambio" class="clsMediano" id="tipoCambio_filter_table"/>
						</div>
					</div>
					<div class="clsFila">
						<!-- Fecha modificacion (desde/hasta) -->
						<div class="clsCampo">
							<label for="fecModif_filter_table" ><spring:message code="aperturas.fecModif"/>:</label>
							
							<label for="fecModifDesde_filter_table" ><spring:message code="etiqueta.desde"/>:</label>
							<form:input path="fecmodifDesdeStr" cssClass="clsPequeno" id="fecModifDesde_filter_table" />
							<span> - </span>
							<label for="fecmodifHasta_filter_table" ><spring:message code="etiqueta.hasta"/>:</label>
							<form:input path="fecmodifHastaStr" cssClass="clsPequeno"  id="fecmodifHasta_filter_table" />
						</div>
					</div>
				
					<!-- Estado visita OSALAN -->
					<div class="clsFila">
						<div class="clsCampo">
							<label for="visosl056_filter_table" ><spring:message code="aperturas.estadoVisitaOsalan"/>:</label>
							<form:input path="visosl056" class="clsMediano" id="visosl056_filter_table"/>
						</div>
					
						<!-- Indicador de informe de OSALAN -->
						<div class="clsCampo">
							<label for="indInfOsalan_filter_table" ><spring:message code="aperturas.informeOsalan"/>:</label>
							<form:select path="indInfOsalan" cssClass="rup-clsGrande" id="indInfOsalan_filter_table" items="${indInformeOsalan}"  itemValue="id" itemLabel="descripcion${idiomaCapitalizado }" ></form:select>
						</div>
					
						<!-- Indicador de informe de OSALAN -->
						<div class="clsCampo">
							<label for="indInfInsp_filter_table" ><spring:message code="aperturas.informeInspeccion"/>:</label>
							<form:select path="indInfInsp" cssClass="rup-clsGrande" id="indInfInsp_filter_table" items="${indInformeInspeccion}"  itemValue="id" itemLabel="descripcion${idiomaCapitalizado }" ></form:select>
						</div>
					</div>
					<!-- Motivo eliminacion -->
					<div class="clsFila">
						<div class="clsCampo">
							<label for="motivoBaja_filter_table" ><spring:message code="aperturas.motivoBaja"/>:</label>
							<form:input type="text"  path="motivoBaja"  maxlength="200" class="clsMuyGrande" id="motivoBaja_filter_table"/>
						</div>
					</div>
					
				</div>
				
			</fieldset>
			<!-- Botonera del formulario de filtrado -->
			<div id="ComunicacionAperturas_filter_buttonSet" class="right_buttons">
				<!-- Botón de filtrado -->
				<input id="ComunicacionAperturas_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="ComunicacionAperturas_filter_cleanLink" href="javascript:void(0)" class="rup-enlaceCancelar"><spring:message code="clear" /></a>
			</div>
		</fieldset>
		</div>
	</form:form>
	</div>

	<div id="ComunicacionAperturas_grid_div">
	<div id="ComunicacionAperturas_toolbar"></div>							<!-- Botonera de la tabla -->
		<!-- Tabla -->
		<table id="ComunicacionAperturas"></table>
		<!-- Barra de paginación -->
		<div id="ComunicacionAperturas_pager"></div>
	</div>
</div>	
</div>



<!-- Formulario de detalle -->


<script>
var cambioCoord="${cambioCoord}";

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