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

	<div id="notificaciones_div" class="rup-table-container">
	
	<div id="notificaciones_feedback"></div>						<!-- Feedback de la tabla --> 
	<div id="notificaciones_toolbar"></div>							<!-- Botonera de la tabla -->
	<div id="notificaciones_filter_div" class="rup-table-filter">	<!-- Capa contenedora del formulario de filtrado -->
			<form:form id="notificaciones_filter_form" commandName="notificacionesFiltroModel">						<!-- Formulario de filtrado -->
			<div id="notificaciones_filter_toolbar" class="formulario_legend inv"></div>	<!-- Barra de herramientas del formulario de filtrado -->
			<div id="acordeon_1" >
			<fieldset id="notificaciones_filter_fieldset" class="rup-table-filter-fieldset">
				<div class="clsFila">
					<!-- Territorio -->
					<div class="clsCampo">
						<label for="terape028_filter_table" ><spring:message code="aperturas.territorio"/>:</label>
	<%-- 				 	<form:input path="terape028" cssClass="clsMediano" id="terape028_filter_table"/> --%>
							<form:select path="terape028" cssClass="rup-clsGrande" id="terape028_filter_table" items="${autoridades}"  itemValue="id" itemLabel="descripcion${idiomaCapitalizado}" ></form:select>
					</div>
				</div>	
				<div class="clsFila">
					<div class="clsCampo">
						<label for="fechaRecepcionDesde" class="etiquetaFormulario"><spring:message code="notificaciones.fecharecepcion"/>:</label>		
						<form:input path="fechaRecepcionDesde" type="text" name="fechaRecepcionDesde" class="campoFecha clsPequeno" id="fechaRecepcionDesde_filter_table"/>
						<span> - </span>
						<form:input path="fechaRecepcionHasta" type="text" name="fechaRecepcionHasta" class="campoFecha clsPequeno" id="fechaRecepcionHasta_filter_table"/>
					</div>
				</div>
				<div class="clsFila">
					<!-- Campos del formulario de filtrado -->
					<div class="clsCampo">
						<form:radiobutton value="1" id="indLeido_filter_table" path="leido"/>
						<label for="indLeido_filter_table" class="etiquetaFormulario"><spring:message code="notificaciones.leido.si"/></label>
					</div>
					<div class="clsCampo">
						<form:radiobutton value="0" id="indNOLeido_filter_table" path="leido"/>
						<label for="indNOLeido_filter_table" class="etiquetaFormulario"><spring:message code="notificaciones.leido.no"/></label>
					</div>
					<!-- Fin campos del formulario de filtrado -->
				</div>
				<!-- Botonera del formulario de filtrado -->
				<div id="notificaciones_filter_buttonSet" class="right_buttons">
					<!-- Botón de filtrado -->
					<input id="notificaciones_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="notificaciones_filter_cleanLink" href="javascript:void(0)" class="rup-enlaceCancelar"><spring:message code="clear" /></a>
				</div>
			</fieldset>
			</div>
		</form:form>
	</div>

	<div id="notificaciones_grid_div">
		<!-- Tabla -->
		<table id="notificaciones"></table>
		<!-- Barra de paginación -->
		<div id="notificaciones_pager"></div>
	</div>
</div>	

<!-- Formulario de detalle -->
<div id="detailDiv_Notificaciones" class="rup-table-formEdit-detail">
	<div id ="Notificaciones_detail_navigation"></div>
 	<div class="ui-dialog-content ui-widget-content" > 
		<form id="Notificaciones_detail_form">
 			<div id ="Notificaciones_detail_feedback"></div>
			<div class="floating_left_pad_right">				
						
				<!-- Campos del formulario de detalle -->
 				<div id="div_fechaRecepcion" class="floating_left_pad_right one-column">
 					<label id="label_fechaRecepcion" for="nombre_detail_table" class="etiquetaFormulario"><spring:message code="notificaciones.fecharecepcion"/>:</label>
 					<input type="text" readonly  name="fechaRecepcion028" class="campoTexto formulario_linea_input" id="fechaRecepcion028_detail_table"/>
 				</div>
 				<div id="div_destinatario" class="floating_left_pad_right one-column">
 					<label id="label_destinatario" for="destinatario028_detail_table" class="etiquetaFormulario"><spring:message code="notificaciones.destinatario"/>:</label>
 					<input type="text" readonly width="300px" name="destinatario028" class="campoTexto formulario_linea_input width30" id="destinatario028_detail_table" maxlength="200"/>
 				</div> 
 				<div id="div_remitente" class="floating_left_pad_right one-column">
 					<label id="label_remitente" for="remitente028_detail_table" class="etiquetaFormulario"><spring:message code="notificaciones.remitente"/>:</label>
 					<input type="text" readonly width="300px" name="remitente028" class="campoTexto formulario_linea_input width30" id="remitente028_detail_table" maxlength="200"/>
 				</div> 	
 				<div id="div_usuariolectura" class="floating_left_pad_right one-column">
 					<label id="label_usuariolectura" for="usuariolectura028_detail_table" class="etiquetaFormulario"><spring:message code="notificaciones.usuariolectura"/>:</label>
 					<input type="text" readonly width="300px" name="usuariolectura028" class="campoTexto formulario_linea_input width30" id="usuariolectura028_detail_table" maxlength="200"/>
 				</div>			
 				<div id="div_fechaLectura" class="floating_left_pad_right one-column">
 					<label id="label_fechaLectura" for="fechaLectura028_detail_table" class="etiquetaFormulario"><spring:message code="notificaciones.fechalectura"/>:</label>
 					<input type="text" readonly name="fechaLectura028" class="campoTexto formulario_linea_input" id="fechaLectura028_detail_table"/>
 				</div> 				
 				<div id="div_mensaje" class="floating_left_pad_right one-column">
 					<label id="label_mensaje" for="mensaje028_detail_table" class="etiquetaFormulario"><spring:message code="notificaciones.mensaje"/>:</label>
 					<textarea readonly id="mensaje028_detail_table" name="mensaje028" class="textareaVentanaModal"></textarea>
 				</div> 				
			</div>
		</form>
	</div>
</div>
