<%@include file="/WEB-INF/includeTemplate.inc"%>
<%@ taglib prefix="tiles" uri="/WEB-INF/tld/tiles-jsp.tld" %>
<%@ taglib prefix="fn" uri="/WEB-INF/tld/fn.tld" %>
<%@page import="com.ejie.ab04b.constantes.Constantes"%> 


<c:set var="CTE_MODO_ALTA" ><%=Constantes.MODO_ACCESO_ALTA %></c:set>
<c:set var="CTE_MODO_CONSULTA" ><%=Constantes.MODO_ACCESO_CONSULTA %></c:set>
<c:set var="CTE_MODO_MANTENIMIENTO" ><%=Constantes.MODO_ACCESO_MANTENIMIENTO %></c:set>
<c:set var="CTE_MODO_SUBSANACION" ><%=Constantes.MODO_ACCESO_SUBSANACION %></c:set>

<script>
var modoAcceso = "${modoAcceso}";
	
var CTE_MODO_CONSULTA="<%=Constantes.MODO_ACCESO_CONSULTA%>";
var CTE_MODO_ALTA="<%=Constantes.MODO_ACCESO_ALTA%>";
var CTE_MODO_ACCESO_MANTO = "<%=Constantes.MODO_ACCESO_MANTENIMIENTO%>";

var toolbarNotificacion = ${toolbarNotificacion};
var idPaisEspana="<%=Constantes.ID_PAIS_ESPANA%>";



</script>

<div id="tabNotificacion_toolbar" class="margenInf5"></div>	 
<form:form id="comunicPrlOS2_tabDatosNotificacionOS2_form" modelAttribute="documentoOS2">
<form:hidden path="teros"/>
<form:hidden path="anoos"/>
<form:hidden path="numos"/>
<form:hidden path="folderId"/>
<form:hidden path="datosNotificacion.codDatosNotif066"/>

<c:if test="${(modoAcceso == CTE_MODO_ALTA)  or (modoAcceso == CTE_MODO_SUBSANACION)}" >
	<div id="datosRegistro" class="formulario">
		<div id="seccionDatosRegistro" class="seccion">
			<div id="acordeonDatosVisitas">
			
				<!-- DATOS DE REGISTRO -->
				<div class="clsFila">
					<div class="clsCabecera"><spring:message code="aperturas.detalle.datosRegistro"/></div>
				</div>
				
				<!-- desea registrar-->
				<div class="formFila"> 
					<div class="columnaSimpleFormulario ">
						<label for="campoEstadoVisita" class="etiquetaFormulario"><spring:message code="aperturas.detalle.deseaRegistrar"/>:</label>
					</div>
					<div class="columnaSimpleFormularioPeque textoFormulario">
						<form:radiobutton value="<%=Constantes.VALUE_SI %>" id="campoRegistrarSi" path="deseaRegistrar"/>
						<label for="campoRegistrarSi"><spring:message code="etiqueta.Si"/></label>
					</div>
					<div class="columnaSimpleFormulario textoFormulario">
						<form:radiobutton value="<%=Constantes.VALUE_NO %>" id="campoRegistrarNo" path="deseaRegistrar"/>
						<label for="campoRegistrarNo"><spring:message code="etiqueta.No"/></label>
					</div>
				</div>
				<div class="formFila"> 
					<div class="columnaSimpleFormulario etiquetaFormulario">
						<label for="campoNumReg"><spring:message code="aperturas.detalle.numReg"/></label>
					</div>
					<div class="columnaDobleFormulario etiquetaFormulario">
						<form:input type="text" id="campoNumReg" path="numReg"  cssClass="clsGrande" maxlength="32"/>
					</div>

					<div class="columnaSimpleFormulario etiquetaFormulario">
						<label for="campoFecReg"><spring:message code="aperturas.detalle.fecReg"/></label>
					</div>
					<div class="columnaSimpleYMediaFormulario textoFormulario">
						<form:input type="text" id="campoFecReg" path="fecReg" cssClass="clsPequeno" size="10"/>
					</div>
				</div>
			</div>
		</div>
	</div>
</c:if>

<div id="datosRepresentante" class="formulario">
		<div id="seccionDatosRepresentante" class="seccion">
			<div id="acordeonDatosRepresentante">
			
				<!-- DATOS DE REGISTRO -->
				<div class="clsFila">
					<div class="clsCabecera"><spring:message code="aperturas.detalle.datosRepresentante"/></div>
				</div>
				
				<div class="formFila">
				<!-- Tipo identificacion -->
					<div class="clsCampo">
						<label for="campoTipoDocRepresentante" class="etiquetaFormulario"><spring:message code="aperturas.tipoidentifRepresentante"/>:</label>
						<form:select path="tipdocrepresentante" cssClass="rup-clsGrande" id="campoTipoDocRepresentante" items="${tipoidentificacion}"  itemValue="id" itemLabel="descripcion${idiomaCapitalizado }" ></form:select>
					</div>
					<!-- numero identificacion -->
					<div class="clsCampo">
						<label for="campoNumDoc"  class="etiquetaFormulario"><spring:message code="aperturas.numdocRepresentante"/>:</label>
						<form:input path="numdocrepresentante" cssClass="clsPequeno" id="campoNumDocRepresentante" maxlength="10" />
					</div>
					<!--<div class="clsCampo" id="capaEnlaceBuscarEmp">
						<a href="#" role="button" id="seleccionar_empresa" class="enlaceSecundario"><spring:message code="seleccionar.empresa"/></a>
					</div>-->
				</div>

				<!-- nombre empresa -->
				<div class="formFila">
					<div class="clsCampo">
						<label for="campoNombreRepresentante"  class="etiquetaFormulario"><spring:message code="aperturas.nombreRepresentante"/>:</label>
						<form:input path="nomrepresentante" cssClass="clsMasGrande" id="campoNombreRepresentante" maxlength="56" />
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="datosNotificacion" class="formulario">
		<div id="seccionNotificacion" class="seccion">
			<div id="acordeonNotificacion">
				<!-- idioma -->
				<div class="formFila"> 
					<div class="columnaSimpleFormularioPeque etiquetaFormulario">
						<label class="tempobligatorio obligatorio"><spring:message code="idioma"/>:</label>
					</div>
					<div class="columnaSimpleFormularioPeque textoFormulario">
						<form:radiobutton value="<%=Constantes.IDIOMA_NOTIF_CASTELLANO %>" id="campoIdiomaCastellano" path="datosNotificacion.idioma066"/>
						<label for="campoIdiomaCastellano"><spring:message code="idioma.castellano"/></label>
					</div>
					<div class="columnaSimpleFormularioPeque textoFormulario">
						<form:radiobutton value="<%=Constantes.IDIOMA_NOTIF_EUSKERA %>" id="campoIdiomaEuskera" path="datosNotificacion.idioma066"/>
						<label for="campoIdiomaEuskera"><spring:message code="idioma.euskera"/></label>
					</div>
				</div>
				<div class="formFila" id="fechasConsulta"> 
					<div class="columnaSimpleFormulario etiquetaFormulario">
						<label for="campoFecPre"><spring:message code="aperturas.fechaPresentacion"/></label>
					</div>
					<div class="columnaSimpleYMediaFormulario textoFormulario">
						<form:input type="text" id="campoFecPre" path="fecpre" cssClass="clsMediano" maxlength="12"/>
					</div>
					<div class="columnaSimpleFormulario etiquetaFormulario">
						<label for="campoFeCier"><spring:message code="aperturas.fechaCierre"/></label>
					</div>
					<div class="columnaSimpleYMediaFormulario textoFormulario">
						<form:input type="text" id="campoFeCier" path="fecier" cssClass="clsMediano" maxlength="12"/>
					</div>
				</div>
				
				<!-- CANAL AVISO: tabla -->
				<div class="formFila">
					<div class="clsCabecera"><spring:message code="aperturas.detalle.datosAviso"/></div>
				</div>
				<div id="DatosAviso_div" class="rup-table-container">
	
					<div id="DatosAviso_feedback"></div>						<!-- Feedback de la tabla --> 
					<div id="DatosAviso_toolbar"></div>							<!-- Botonera de la tabla -->
				
					<div id="DatosAviso_grid_div">
						<!-- Tabla -->
						<table id="DatosAviso"></table>
						<!-- Barra de paginación -->
						<div id="DatosAviso_pager"></div>
					</div>
				</div>						
				
				
				<!-- CANAL NOTIFICACION -->
				<div class="formFila">
					<div class="clsCabecera"><spring:message code="aperturas.detalle.datosNotif"/></div>
				</div>
				<div class="formFila"> 
					<div class="columnaSimpleFormulario etiquetaFormulario">
						<label class="tempobligatorio obligatorio"><spring:message code="aperturas.detalle.canalNotif"/>:</label>
					</div>
					<div class="columnaSimpleFormularioPeque textoFormulario">
						<form:radiobutton value="<%=Constantes.CANAL_NOTIF_TELEMATICO %>" id="campoCanalNotifTelematico" path="datosNotificacion.canalnotif066"/>
						<label for="campoCanalNotifTelematico"><spring:message code="canalNotif.telematico"/></label>
					</div>
					<div class="columnaSimpleFormulario textoFormulario">
						<form:radiobutton value="<%=Constantes.CANAL_NOTIF_POSTAL %>" id="campoCanalNotifPostal" path="datosNotificacion.canalnotif066"/>
						<label for="campoCanalNotifPostal"><spring:message code="canalNotif.postal"/></label>
					</div>
				</div>
				<div class="clsCampo"></div>

				<div id="acordeonNotificacionPostal" class="indented subseccion">
	<!-- 					<div class="formFila"> Pais-->
	<!-- 						<div class="clsCampo"> -->
	<%-- 							<label for="campoPaisEmpresa"  class="tempobligatorio obligatorio etiquetaFormulario"><spring:message code="aperturas.detalle.pais"/>:</label> --%>
	<%-- 						 	<form:input path="paisemp056" cssClass="clsMediano" id="campoPaisEmpresa"/> --%>
	<!-- 						</div> -->
	<!-- 					</div> -->
						<div class="formFila">
							<div id="loc_espana">
								<!-- Territorio -->
								<div class="clsCampo">
									<label for="campoProvinciaNotificacion"  class="tempobligatorio obligatorio etiquetaFormulario"><spring:message code="aperturas.territorio"/>:</label>
									<form:hidden path="datosNotificacion.datosLocalizacion.provincia.descripcion" id="campoDescProvinciaNotificacion"/>
								 	<form:input path="datosNotificacion.datosLocalizacion.provincia.codProvincia" cssClass="clsMediano" id="campoProvinciaNotificacion"/>
								</div>
								
								<!-- municipio -->
								<div class="clsCampo">
									<label for="campoMunicipioNotificacion" class="tempobligatorio obligatorio etiquetaFormulario"><spring:message code="aperturas.municipio"/>:</label>
									<form:hidden path="datosNotificacion.datosLocalizacion.municipio.descripcion" id="campoDescMunicipioNotificacion" />
									<form:input path="datosNotificacion.datosLocalizacion.municipio.codMunicipio" cssClass="clsGrande" id="campoMunicipioNotificacion" />
								</div>
							</div>
						</div>
						<div class="formFila">
							<!-- localidad -->
							<div class="clsCampo">
								<label for="campoLocalidadObra" class="tempobligatorio obligatorio etiquetaFormulario"><spring:message code="aperturas.detalle.localidad"/>:</label>
								<form:hidden path="datosNotificacion.datosLocalizacion.localidad.descripcion" id="campoDescLocalidadNotificacion" />
								<form:input path="datosNotificacion.datosLocalizacion.localidad.codLocalidad" cssClass="clsGrande" id="campoLocalidadNotificacion" />
							</div>
						</div>
	<!-- 						<div id="loc_extranjero"> -->
	<!-- 							municipio extranjero -->
	<!-- 							<div class="clsCampo"> -->
	<%-- 								<label for="campoMunicipioExtranjero"  class="tempobligatorio obligatorio etiquetaFormulario"><spring:message code="aperturas.detalle.munipExtranjero"/>:</label> --%>
	<%-- 								<form:input path="dmunemp056" cssClass="clsGrande" id="campoMunicipioExtranjero" maxlength="50" /> --%>
	<!-- 							</div> -->
	<!-- 						</div> -->
						
						<!-- direccion notificacion -->
						<div class="formFila">
							<div class="clsCampo">
								<label for="campoCalleNotificacion"  class="tempobligatorio obligatorio etiquetaFormulario"><spring:message code="aperturas.detalle.calle"/>:</label>
								<form:input path="datosNotificacion.datosLocalizacion.calle067" cssClass="clsGrande" id="campoCalleNotificacion" maxlength="100" />
							</div>
						</div>
						<!-- c.p. empresa -->
						<div class="formFila">
							<div class="clsCampo">
								<label for="campoCPNotificacion"  class="tempobligatorio obligatorio etiquetaFormulario"><spring:message code="aperturas.detalle.cp"/>:</label>
								<form:input path="datosNotificacion.datosLocalizacion.codpostal067" cssClass="clsPequeno numerico" id="campoCPNotificacion" maxlength="5" />
							</div>
						</div>
						<!-- portal/piso/puerta -->
						<div class="formFila">
							<div class="clsCampo">
								<label for="campoPortalNotificacion"  class="etiquetaFormulario"><spring:message code="aperturas.detalle.portal"/>:</label>
								<form:input path="datosNotificacion.datosLocalizacion.portal067" cssClass="clsPequeno" id="campoPortalNotificacion" maxlength="5" />
							</div>
							
							<div class="clsCampo">
								<label for="campoPisoNotificacion"  class="etiquetaFormulario"><spring:message code="aperturas.detalle.piso"/>:</label>
								<form:input path="datosNotificacion.datosLocalizacion.piso067" cssClass="clsPequeno numerico" id="campoPisoNotificacion" maxlength="5" />
							</div>
							
							<div class="clsCampo">
								<label for="campoPuertaNotificacion"  class="etiquetaFormulario"><spring:message code="aperturas.detalle.puerta"/>:</label>
								<form:input path="datosNotificacion.datosLocalizacion.puerta067" cssClass="clsPequeno" id="campoPuertaNotificacion" maxlength="5" />
							</div>
						</div>
						<div class="formFila"></div>
					</div>

				<div class="clsCampo"> </div>
			
			</div>
		</div>
		
		
	</div>
	
	<div style="clear:both;"></div>
	
</form:form>

<!-- Formulario de detalle -->
<div id="DatosAviso_detail_div" class="rup-table-formEdit-detail">
	<div id ="DatosAviso_detail_navigation"></div>			<!-- Barra de navegación del detalle -->
	<div class="ui-dialog-content ui-widget-content" >
		<form id="DatosAviso_detail_form">					<!-- Formulario -->
			<div id ="DatosAviso_detail_feedback"></div>		<!-- Feedback del formulario de detalle -->
			<div>
				<!-- Campos del formulario de detalle -->
				<div class="oculto">
					<input type="hidden" name="idDatoAviso068" class="formulario_linea_input" id="codDatosNotif068_detail_table"/>
					<input type="hidden" name="datosNotificacion.codDatosNotif068" class="formulario_linea_input" id="idDatoAviso068_detail_table"/>
				</div>
				
				<div class="formFila">
					<div class="columnaSimpleAncho10">
						<label for="tipo068_sms_detail_table" class="etiquetaFormulario tempobligatorio obligatorio"><spring:message code="aperturas.detalle.canalAviso"/>:</label>
					</div>
					<div class="columnaSimpleAncho7">
						<input type="radio" name="tipo068" class="" id="tipo068_sms_detail_table" value="<%=Constantes.CANAL_AVISO_SMS%>"/>
						<label for="" class="etiquetaFormulario"><spring:message code="canalAviso.sms"/></label>
					</div>
					<div class="columnaSimpleAncho7">
						<input type="radio" name="tipo068" class="" id="tipo068_mail_detail_table" value="<%=Constantes.CANAL_AVISO_EMAIL%>"/>
						<label for="" class="etiquetaFormulario"><spring:message code="canalAviso.mail"/></label>
					</div>
				</div>
				<div class="formFila">
					<label for="valor068_detail_table" class="etiquetaFormulario tempobligatorio obligatorio"><spring:message code="aperturas.detalle.valorCanalAviso"/>:</label>
					<input type="text" name="valor068" class="clsGrande" id="valor068_detail_table" />
				</div>
			</div>
		</form>
	</div>
	<!-- Botonera del formulario de detalle -->
	<div class="rup-table-buttonpane ui-widget-content ui-helper-clearfix">
		<div class="ui-dialog-buttonset">
			<!-- Botón Guardar -->
			<button id="DatosAviso_detail_button_save" type="button">
				<spring:message code="save" />
			</button>
			<!-- Enlace cancelar -->
			<a href="#" id="DatosAviso_detail_link_cancel"
				class="rup-enlaceCancelar"><spring:message code="cancel" /></a>
		</div>
	</div>
</div>
