<%@include file="/WEB-INF/includeTemplate.inc"%>
<%@page import="com.ejie.ad74a.util.constantes.Constantes" %>
<%@page import="com.ejie.ad74a.util.constantes.TipoIdentificadorEnum" %>


<!-- Formulario de detalle -->
<div id="avisos_detail_div" style="display: none" class="custom_mid_dialog">
	<!-- Feedback del detalle de los contactos -->
	<div id="avisos_detail_feedback"></div>
	
	<!-- Formulario -->
	<spring:url value="../../avisos" var="urlAvisos"/>
	<form:form modelAttribute="avisos"  id="avisos_detail_form" action="${urlContactos}">
		
		<form:hidden path="idAviso20" id="idAviso20_avisos_detail_table"/>
		
		<input type="hidden" id="estado_dialogo" name="estadoDialogo"/>
					<div class="form-row row">
						<div class="form-groupMaterial col-sm-4">
							<input name="dniSolicitante" required="required" disabled="true"
								id="dniSolicitante_avisos_dialog_table" /> <label
								for="dniSolicitante_avisos_dialog_table"><spring:message
									code="avisos.dialogo.NifNiePasaporteBeneficiario" /></label>
						</div>
						<form:input path="idSolicitante20" type="hidden"
								id="idSolicitante20_avisos_dialog_table" disabled="true"/>
						<div class="form-groupMaterial col-sm-6">
							<input name="nombreBeneficiario" required="required" disabled="true"
								id="nombreBeneficiario_avisos_dialog_table"/> <label
								for="nombreBeneficiario_avisos_dialog_table"><spring:message
									code="avisos.dialogo.nombreBeneficiario" /></label>
						</div>
					</div>

					<div class="form-row row">
						<div class="form-groupMaterial  col-sm-4" id="tipo_avisos_usuario">
							<form:select path="maestroTiposAviso.idTipoAviso40" disabled="true" required="required"
								id="tipoAviso_avisos_dialogo_table"/>
								
							<label for="tipoAviso_avisos_dialogo_table" class="select-material"><spring:message
									code="avisos.dialogo.tipoDeAvisos" /></label>
						</div>
						
						<div class="form-groupMaterial  col-sm-4" id="subtipo_avisos">
							 <input disabled="true"
								name="maestroSubtiposAviso.idSubTipoAviso41" required="required"
								id="subTipoAviso_avisos_dialogo_table" />
								<label for="subTipoAviso_avisos_dialogo_table" class="select-material"><spring:message
									code="avisos.dialogo.subTipoDeAvisos" /></label>
						</div>
						<div class="form-groupMaterial col-sm-4">
							<form:input path="fAlta20" disabled="true" required="required" id="fAlta20_aviso_dialogo_table" /> <label
								for="fAlta20_aviso_dialogo_table"><spring:message
									code="avisos.dialogo.fechaAlta" /></label>
						</div>


					</div>
					<div class="form-row row">
						<div class="form-groupMaterial col-sm-4" id="fProcesado20_aviso_dialogo_table_wrapper">
							<form:input path="fProcesado20" disabled="true" id="fProcesado20_aviso_dialogo_table"/>
							<label for="fProcesado20_aviso_dialogo_table"><spring:message
									code="avisos.dialogo.fechaProcesado" /></label>
						</div>
						<div class="form-groupMaterial col-sm-3">
							<form:select  path="maestroActoresByOrigen20.idActor42" required="required"
								id="idActorOrigen_avisos_dialogo_table" >
								<form:option value="">---</form:option>
								<form:options items="${OrigenAvisos}" itemLabel="labelDesc"
									itemValue="id" />
							</form:select>
							<label for="idActorOrigen_avisos_dialogo_table"><spring:message
									code="avisos.dialogo.origen" /></label>
						</div>
						<div class="form-groupMaterial col-sm-3">
							<form:select  path="maestroActoresByDestino20.idActor42" required="required"
								id="idActorDestino_avisos_dialogo_table">
								<form:option value="">---</form:option>
								<form:options items="${OrigenAvisos}" itemLabel="labelDesc"
									itemValue="id" />
							</form:select>
							<label for="idActorDestino_avisos_dialogo_table"><spring:message
									code="avisos.dialogo.destino" /></label>
						</div>
					</div>

					<div class="form-row row">
						<div class="form-groupMaterial">
								<div class="checkbox-material checkbox-material-inline" style="top: -3px">
									<form:checkbox  id="normalUrgente_avisos_dialog_table" path="urgencia20" disabled="true"></form:checkbox>
									<label for="normalUrgente_avisos_dialog_table"><spring:message code="avisos.dialogo.urgente"/></label>
								</div>
							</div>
							
					</div>
					<div class="form-row row">
					<div id="detalleAportacionLayer" class="d-none focussed col-sm-12">
						<form:input id="idExpediente00Buscar" path="idexpedienteAsociado" type="hidden"/>
				    		<div class="form-groupMaterial col-sm-3">	            	    
								<input id="numExpediente00Buscar" name="numExpedienteAsociado" required="required" readonly="readonly"/>
								<label for="numExpediente00Buscar"><spring:message code="bandejas.papel0.numExpediente"/>:</label>
							</div> 
							
				    		</div>
						</div>
					
					
										<div id="plegadoTrabajadorSocial">
						<div class="clsCabecera plegable"><i class="mdi mdi-plus-box-outline"></i><spring:message code="avisos.detalle.cabeceraTrabajadorSocial"/></div>
						<div class="plegado" id="plegable_plegadoTrabajadorSocial">	
						
							<div class="form-row row">
							<input name="usuario.idUsuario80" type="hidden" id="idUsuario80_avisos_dialog_table" />
							<div class="form-groupMaterial col-sm-2"> 
								<input name="usuario.identificador80" id="identificador80_avisos_dialog_table" type="text" disabled/>
								<label for="identificador80_avisos_dialog_table"><spring:message code="informes.detalle.dnitrabajador"/></label>
							</div>
							<div class="form-groupMaterial col-sm-4"> 
								<input name="usuario.nombreCompleto" id="nombre_avisos_dialog_table" disabled type="text"/>
								<label for="nombre_avisos_dialog_table"><spring:message code="informes.detalle.trabajador"/></label>
							</div>
							<div class="form-groupMaterial col-sm-4"> 
								<input name="usuario.ayuntamiento.desc" id="ayuntamiento_informes_dialog_table" disabled type="text"/>
								<label for="ayuntamiento_informes_dialog_table"><spring:message code="informes.detalle.ayuntamiento"/></label>
							</div>

							<div class="form-groupMaterial col-sm-2"> 
								<select name="informes.idUnidadBase16" id="unidadBase16_avisos_dialog_table">
								</select>
								<label for="unidadBase16_avisos_dialog_table"><spring:message code="informes.detalle.unidadBase"/></label>
							</div>
						</div>
						<div class="form-row row">
							<div class="form-groupMaterial col-sm-2"> 
								<input name="usuario.tlfno80" id="telefono20_avisos_dialog_table" type="text" maxlength="20" disabled/>
								<label for="telefono20_avisos_dialog_table"><spring:message code="informes.detalle.telefono"/></label>
							</div>
							<div class="form-groupMaterial col-sm-4"> 
								<input name="usuario.email80" id="email20_avisos_dialog_table" type="text" maxlength="100" disabled/>
								<label for="email20_avisos_dialog_table"><spring:message code="informes.detalle.email"/></label>
							</div>
						</div>
						    
						    			
						</div>
						</div>
					
					<div id="plegadoActualizacionBaja">
						<div class="clsCabecera plegable"><i class="mdi mdi-plus-box-outline"></i><spring:message code="avisos.detalle.cabeceraActualizacionBaja"/></div>	
						<div class="plegado" id="plegable_baja">	
							<div class="form-row row">
								<div class="form-groupMaterial col-sm-4">

									<form:select path="avisosBajaBenef.idMotivobaja" required="required"
								id="motivoDeLaBaja_avisos_dialog_table"/>
									<label for="motivoDeLaBaja_avisos_dialog_table"><spring:message code="avisos.dialogo.motivoDeLaBaja" /></label>
								</div>								
																
								<div class="form-groupMaterial col-sm-4">
									<form:select id="canalDeComunicacion_avisos_dialog_table" class="form-control" path="avisosBajaBenef.canalComunicacion" required="required">
										<form:option value="">---</form:option>
										<form:options items="${CanalComunicacion}" itemLabel="labelDesc" itemValue="id" />
									</form:select>
									<label for="canalDeComunicacion_avisos_dialog_table"><spring:message code="avisos.dialogo.canalDeComunicacion" /></label>
								</div>
								<div class="form-groupMaterial col-sm-4">
									<input name="avisosBajaBenef.idLlamada" id="identificadorDeLaLLamada_avisos_dialog_table" required="required"/> 
									<label for="identificadorDeLaLLamada_avisos_dialog_table"><spring:message code="avisos.dialogo.identificadorDeLaLLamada" /></label>
								</div>	
							</div>
							<div class="form-row row">	
								<div class="form-groupMaterial col-sm-4">
									<form:select id="origenDeComunicacion_avisos_dialog_table" class="form-control" path="avisosBajaBenef.origenComunicacion" required="required">
										<form:option value="">---</form:option>
										<form:options items="${OrigenComunicacion}" itemLabel="labelDesc" itemValue="id" />
									</form:select>
									<label for="origenDeComunicacion_avisos_dialog_table"><spring:message code="avisos.dialogo.origenDeComunicacion" /></label>
								</div>	
								<div class="form-groupMaterial col-sm-4">
									<input name="avisosBajaBenef.fecBaja" id="fecBaja_aviso_dialogo_table" required="required"/> 
								<label for="fecBaja_aviso_dialogo_table"><spring:message code="avisos.dialogo.fecBaja" /></label>
								</div>								
								<div class="form-groupMaterial">
									<div class="checkbox-material checkbox-material-inline" style="top: +5px">											
										<input id="mantenerInstalacion_avisos_detail_table" name="avisosBajaBenef.mantenerInst" type="checkbox"> 
										<label for="mantenerInstalacion_avisos_detail_table"><spring:message code="avisos.detalle.mantenerInstalacion" /></label>
									</div>
								</div>									
							</div>								
						</div>
					</div>
					
					<!-- ANULAR BAJA -->
					<div id="plegadoActualizacionAnularBaja">
						<div class="clsCabecera plegable"><i class="mdi mdi-plus-box-outline"></i><spring:message code="avisos.detalle.cabeceraAnularBaja"/></div>	
						<div class="plegado" id="plegable_baja">	
							<div class="form-row row">
															
																
								<div class="form-groupMaterial col-sm-4">
									<form:select id="canalDeComunicacionAnularBaja_avisos_dialog_table" class="form-control" path="avisosAnularBaja.canalComunicacion" required="required">
										<form:option value="">---</form:option>
										<form:options items="${CanalComunicacion}" itemLabel="labelDesc" itemValue="id" />
									</form:select>
									<label for="canalDeComunicacionAnularBaja_avisos_dialog_table"><spring:message code="avisos.dialogo.canalDeComunicacion" /></label>
								</div>
								<div class="form-groupMaterial col-sm-4">
									<input name="avisosAnularBaja.idLlamada" id="identificadorDeLaLLamadaAnularBaja_avisos_dialog_table" required="required"/> 
									<label for="identificadorDeLaLLamadaAnularBaja_avisos_dialog_table"><spring:message code="avisos.dialogo.identificadorDeLaLLamada" /></label>
								</div>	
							</div>
						</div>
					</div>
					
						<div id="plegadoCambioDeDomicilio">
						<div class="clsCabecera plegable"><i class="mdi mdi-plus-box-outline"></i><spring:message code="avisos.detalle.cabeceraCambioDeDomicilio"/></div>
						<div class="plegado" id="plegable_cambioDomicilio">	
						
							<jsp:include page="/WEB-INF/views/components/direccion.jsp">
								<jsp:param value="direcciones" name="model"/>	
								<jsp:param value="direcciones" name="direccion"/>
								<jsp:param value="" name="prefix"/>	
							</jsp:include>
						    
						    			
						</div>
						</div>					
					
					<div id="plegadoQuejaReclamaciones">
						<div class="clsCabecera plegable"><i class="mdi mdi-plus-box-outline"></i><spring:message code="avisos.detalle.cabeceraQuejaReclamaciones"/></div>
						<div class="plegado" id="plegable_quejaReclamaciones">
							<div class="form-row row">
								<div class="form-groupMaterial col-sm-4">
									<input name="avisosQueja.fechaQueja" id="fechaQueja_aviso_dialogo_table" class="queja" required="required"/> 
									<label for="fechaQueja_aviso_dialogo_table"><spring:message code="avisos.dialogo.fQuejaRec" /></label>
								</div>
								<div class="form-groupMaterial col-sm-4">
									<form:select id="procedente_aviso_dialogo_table" class="form-control queja" path="avisosQueja.procedente" required="required">
										<form:option value="">---</form:option>
										<form:options items="${Procedente}" itemLabel="labelDesc" itemValue="id" />
									</form:select>
									<label for="procedente_aviso_dialogo_table"><spring:message	code="avisos.dialogo.procedente" /></label>
								</div>
								<div class="form-groupMaterial col-sm-4">
									<form:select id="estadoQueja_aviso_dialogo_table" class="form-control queja" path="avisosQueja.estadoQueja" required="required">
										<form:option value="">---</form:option>
										<form:options items="${EstadoDeLaQueja}" itemLabel="labelDesc" itemValue="id" />
									</form:select>
									<label for="estadoQueja_aviso_dialogo_table"><spring:message code="avisos.dialogo.estadoQueja" /></label>
								</div>						
							</div>
							<div class="form-row row">
								<div class="form-groupMaterial col-sm-4">
									<input name="avisosQueja.tiempoResolucion" id="tiempoDeResolucion_aviso_dialogo_table" class="queja"/> 
									<label for="tiempoDeResolucion_aviso_dialogo_table"><spring:message	code="avisos.dialogo.tiempoDeResolucion" /></label>
								</div>
								<div class="form-groupMaterial col-sm-4">
									<form:select class="form-control queja" path="avisosQueja.motivoQueja" required="required"
								id="motivosQueja_aviso_dialogo_table"/>
									<label for="motivosQueja_aviso_dialogo_table"><spring:message code="avisos.dialogo.motivosQueja" /></label>
								</div>
							</div>
						</div>	
					</div>	
					

					<div class="form-row row">

						<div class="form-groupMaterial col-sm-12">
							<form:textarea disabled="true" id="observaciones20_avisos_dialog_table"
								class="form-control" rows="3" path="observaciones20"></form:textarea>
							<label for="observaciones20_avisos_dialog_table"><spring:message
									code="avisos.dialogo.observaciones" /></label>
						</div>

					</div>	
					<div class="form-row row">
							
					
								<div id="link-layer" class="col-sm-12">
							<table id="documento_table" class="customTable table-striped tableFit table-bordered table-material dataTable dtr-column">
								<thead>
									<tr>
											<th data-col-prop="idAviso70" data-col-sidx="IDAVISO70"></th>
											<th data-col-prop="idDocAviso70" data-col-sidx="IDDOCAVISO70"></th>
											<th data-col-prop="idTipoDoc70" data-col-sidx="IDTIPODOC70"><spring:message code="docuAvisos.tipoDoc"/></th>
											<th data-col-prop="nombreDoc70" data-col-sidx="NOMBREDOC70"><spring:message code="docuAvisos.nombreDoc"/></th>
											<th data-col-prop="fecAlta70" data-col-sidx="FECALTA70"><spring:message code="docuAvisos.fecAlta"/></th>
											<th data-col-prop="extension70" data-col-sidx="EXTENSION70"></th>
																				
									</tr>
								</thead>
								<tbody>									
								</tbody>
							</table>
						</div>
						</div>									
	</form:form>

</div>