<%@include file="/WEB-INF/includeTemplate.inc"%>
<h2 id="titleConsultaFechaInspeccion" style="display:none;"><spring:message code="titulo.consulta.cambioFechaInspeccion"/></h2>
<h2 id="titleConsultaFechaRecInspeccion" style="display:none;"><spring:message code="titulo.consulta.cambioFechaRecInspeccion"/></h2>

<script>
	var volver = ${volver};
</script>

	<div id="ConsultaFechaInspeccion_div" class="rup-table-container">
	
	<div id="contenedorSecciones" class="formulario">
	
	<div id="ConsultaFechaInspeccion_feedback"></div>						<!-- Feedback de la tabla --> 
	
	<div id="ConsultaFechaInspeccion_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="ConsultaFechaInspeccion_filter_form" commandName="comunicAperturasFiltroModel">						<!-- Formulario de filtrado -->
		<div id="ConsultaFechaInspeccion_filter_toolbar" class="formulario_legend inv"></div>	<!-- Barra de herramientas del formulario de filtrado -->
		
		<div id="acordeon_1" >
		
		<fieldset id="ConsultaFechaInspeccion_filter_fieldset" class="rup-table-filter-fieldset">
			<div class="clsFila">
				<!-- Indicador de envio -->
				<div class="clsCampo" id="campoEnvio">
					<div class="columnaSimpleFormulario ">
						<label for="indEnvio_filter_table" ><spring:message code="aperturas.envio"/>:</label>
					</div>
					<div class="columnaSimpleFormulario ">
						<form:select path="indEnvio" cssClass="rup-clsGrande" id="indEnvio_filter_table" items="${indEnvio}"  itemValue="id" itemLabel="descripcion${idiomaCapitalizado }" ></form:select>
					</div>
				</div>
			</div>
			<br/>
			<!-- Campos del formulario de filtrado -->
			<div class="clsFila">
				<!-- Territorio -->
				<div class="clsCampo">
					<div class="columnaSimpleFormulario ">
						<label for="terape056_filter_table" ><spring:message code="aperturas.territorio"/>:</label>
					</div>
					<div class="columnaSimpleFormulario ">
<%-- 				 	<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>
				</div>
				<!-- Año -->
				<div class="clsCampo">
					<div class="mediaColumnaFormularioExtraPeque ">
						<label for="anoape056_filter_table" ><spring:message code="aperturas.anyo"/></label>
					</div>
					<div class="mediaColumnaFormularioExtraPeque ">
						<form:input path="anoape056" cssClass="numerico clsMinimo" id="anoape056_filter_table" maxlength="4" />
					</div>
				</div>
			</div>
			<div class="clsFila">
				<!-- Numero expediente desde/hasta -->
				<div class="clsCampo">
					<div class="columnaSimpleFormulario">
						<label for="" ><spring:message code="aperturas.nexp"/>:</label>
					</div>
					<div class="columnaSimpleFormulario ">
						<label for="numExpDesde_filter_table" ><spring:message code="etiqueta.desde"/>:</label>
						<form:input path="numExpDesde" cssClass="numerico clsMinimo" id="numExpDesde_filter_table" maxlength="6" />
					</div>
					<div class="columnaSimpleFormulario ">
						<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>
			<div class="clsFila">
				<!-- Indicador de obra -->
				<div class="clsCampo" id="campoObra">
					<div class="columnaSimpleFormulario ">	
						<label for="indobra056_filter_table" ><spring:message code="aperturas.indobra"/>:</label>
					</div>
					<div class="columnaSimpleFormulario ">	
						<form:select path="indobra056" cssClass="rup-clsGrande" id="indobra056_filter_table" items="${obra}"  itemValue="id" itemLabel="descripcion${idiomaCapitalizado }" ></form:select>
					</div>
				</div>
			</div>
							
			<div class="clsFila">
			<!-- Fecha presentacion (desde/hasta) -->
				<div class="clsCampo">
					<div class="columnaSimpleFormulario ">	
						<label for="periodoPresentacion_filter_table" ><spring:message code="aperturas.periodoPresentacion"/>:</label>
					</div>
					<div class="columnaSimpleFormulario">	
						<form:input path="periodoPresentacion" class="clsMediano" id="periodoPresentacion_filter_table"/>
						
					</div>
					<div class="columnaSimpleFormulario ">	
						<label for="fechaPresentacionDesde_filter_table" ><spring:message code="etiqueta.desde"/>:</label>
						<form:input path="fecpreDesdeStr" cssClass="clsPequeno" id="fechaPresentacionDesde_filter_table" />
						
					</div>
						
					<div class="columnaSimpleFormulario ">	
					<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>
			<br/>
			
			<!-- Botonera del formulario de filtrado -->
			<div id="ConsultaFechaInspeccion_filter_buttonSet" class="right_buttons">
				<!-- Botón de filtrado -->
				<input id="ConsultaFechaInspeccion_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="ConsultaFechaInspeccion_filter_cleanLink" href="javascript:void(0)" class="rup-enlaceCancelar"><spring:message code="clear" /></a>
			</div>
		</fieldset>
		</div>
	</form:form>
	</div>

	<div id="ConsultaFechaInspeccion_grid_div">
	<div id="ConsultaFechaInspeccion_toolbar"></div>							<!-- Botonera de la tabla -->
		<!-- Tabla -->
		<table id="ConsultaFechaInspeccion"></table>
		<!-- Barra de paginación -->
		<div id="ConsultaFechaInspeccion_pager"></div>
	</div>
</div>	
</div>

<div id="popupFechaInspDiv" style="display:none;"></div>

<!-- Formulario de detalle -->


<script>
var recFecInspecc="${recFecInspecc}";
var envFecInspecc="${envFecInspecc}";

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