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

<c:set var="provincia" value="direccion.provincia06"></c:set>
<c:set var="idProvincia" value="direccion.provincia06"></c:set>
<c:set var="idMunicipio" value="direccion.idMunicipio06"></c:set>
<c:set var="idLocalidad" value="direccion.idLocalidad06"></c:set>

<script type="text/javascript">

	const locale = "${idiomaLocale}";
</script>
<div id="dialogAvisos" style="display: none" class="custom_mid_dialog">

	<!-- Feedback del detalle de la bandeja de informes-->
	<div id="avisos_dialog_feedback"></div>


	<!-- Formulario para obtener los datos del detalle -->


	<div class="dialogo_cabecera">
		<div id="datos_generales" class="seccion dialogo_datos_generales">
			<fieldset style="padding-bottom: 0;">
				<form:form modelAttribute="avisos" id="avisos_dialog_form">
				<form:input type="hidden" id="estado_dialogo" path="" value="add"/>
				<form:input type="hidden" id="idInforme20" path="idInforme20"/>
				<form:input path="idAviso20" type="hidden" id="idAviso20_avisos_dialog_table" />
					<div class="form-row row">
						<div class="form-groupMaterial col-sm-4">
							<input name="dniSolicitante" required="required" maxlength="20"
								id="dniSolicitante_avisos_dialog_table" /> <label
								for="dniSolicitante_avisos_dialog_table"><spring:message
									code="avisos.dialogo.NifNiePasaporteBeneficiario" /></label>
						</div>
						<div class="form-groupMaterial col-sm-1">
						<button type="button" id="buscarSolicitanteBtn" class="btn-material btn-material-sm btn-material-primary-low-emphasis icon-button"> 
			        			<i class="mdi mdi-magnify" style="font-size: 1.7rem;"></i> 
			        		</button>
						</div>
						<form:input path="idSolicitante20" type="hidden"
								id="idSolicitante20_avisos_dialog_table" />
								
						<div class="form-groupMaterial col-sm-6">
							<input name="nombreBeneficiario" required="required"
								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-5" id="tipo_avisos_usuario">
							<form:select path="maestroTiposAviso.idTipoAviso40" 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-6" id="subtipo_avisos">
							 <input
								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>
						<div class="form-row row">
						<div class="form-groupMaterial col-sm-3">
							<form:input path="fAlta20" required="required" id="fAlta20_aviso_dialogo_table" /> <label
								for="fAlta20_aviso_dialogo_table"><spring:message
									code="avisos.dialogo.fechaAlta" /></label>
						
						</div>


					
						<div class="form-groupMaterial col-sm-4" id="fProcesado20_aviso_dialogo_table_wrapper">
							<form:input path="fProcesado20" 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-2">
							<form:select path="maestroActoresByOrigen20.idActor42" required="required"
								id="idActorOrigen_avisos_dialogo_table">
								
							</form:select>
							<label for="idActorOrigen_avisos_dialogo_table"><spring:message
									code="avisos.dialogo.origen" /></label>
						</div>
						<div class="form-groupMaterial col-sm-2">
							<form:select path="maestroActoresByDestino20.idActor42" required="required"
								id="idActorDestino_avisos_dialogo_table">
								
							</form:select>
							<label for="idActorDestino_avisos_dialogo_table"><spring:message
									code="avisos.dialogo.destino" /></label>
						</div>
						<div class="form-groupMaterial">
							<div class="checkbox-material checkbox-material-inline" style="top: +5px">
								<form:checkbox id="normalUrgente_avisos_dialog_table" path="urgencia20"></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="loading"></div>
					<div id="overlay-buscar" class="focussedOverlay d-none"></div>
					<div id="detalleAportacionLayer" class="d-none focussed col-sm-12">
						<div class="form-row row">
						<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 class="form-groupMaterial col-sm-2">
				    			<button type="button" id="buscarExpedienteBtn" class="btn-material btn-material-sm btn-material-primary-low-emphasis icon-button"> 
				        			<i class="mdi mdi-magnify" style="font-size: 1.7rem;"></i> 
				        		</button>
				    			<button type="button" id="clearExpedienteBtn" class="btn-material btn-material-sm btn-material-danger-low-emphasis icon-button d-none"> 
				        			<i class="mdi mdi-eraser" style="font-size: 1.7rem;"></i> 
				        		</button>                              
				    		</div>
				    		
						</div>
						<div class="clsSubCabecera plegable d-none"></div>
						<div class="plegado" id="expediente_filter_layer" style="margin-right: 10px;">
							<div class="form-row row" style="margin-top: 0">		
								<div class="col-sm-12" style="position: relative; margin: 0 0 1rem 0;">
									<div id="busquedaExpediente"></div>	    	
								</div>
							</div>
						</div>
     	</div>
					
					</div>

						<!-- DATOS TRABAJADOR SOCIAL -->
					
					<div id="plegadoTrabajadorSocial">
						<div class="clsCabecera plegable"><i class="mdi mdi-plus-box-outline"></i><spring:message code="avisos.detalle.cabeceraTrabajadorSocial"/></div>
						<div class="" 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" id="cabeceraBaja"><i class="mdi mdi-plus-box-outline"></i><spring:message code="avisos.detalle.cabeceraActualizacionBaja"/></div>
						<div class="" 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"/> 
									<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="" id="plegable_anularBaja">	
							<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" /> 
									<label for="identificadorDeLaLLamadaAnularBaja_avisos_dialog_table"><spring:message code="avisos.dialogo.identificadorDeLaLLamada" /></label>
								</div>	
							</div>
						</div>
					</div>
					
					<!-- CAMBIO DE DOMICILIO -->
					
					<div id="plegadoCambioDeDomicilio">
						<div class="clsCabecera plegable"><i class="mdi mdi-plus-box-outline"></i><spring:message code="avisos.detalle.cabeceraCambioDeDomicilio"/></div>
						<div class="" 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="" 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 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 id="plegadoDocumentos">
					<div class="clsCabecera plegable"><i class="mdi mdi-plus-box-outline"></i><spring:message code="avisos.detalle.cabeceraDocumentos"/></div>
						<div class="plegado" id="plegable_documentos">
	
						<div id="select-doc-layer">
							<div class="form-row row">
								<div class="form-groupMaterial col-sm-12" id="tipoDocCombo"> 
									 <input name="idTipoDoc36" id="idTipoDoc_avisos_dialog" required="required" />
								    <label for="idTipoDoc_avisos_dialog"><spring:message code="informes.detalle.seleccionar"/></label>												  
								</div>
							</div>
							<div class="form-row row" id="btnSubirDocumentos" style="margin-top:0">
								<div class="form-groupMaterial col-sm-12"  style="margin:0">
									<div id="fileupload_only">
										<form action="../upload" id="usuarioForm" enctype="multipart/form-data"
											         method="POST">
										<input type="file" id="documento" name="documento">
											</form>
									</div>
								</div>
							</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>
		</div>

					
						</div>
						
																	
				</form:form>
			</fieldset>

		</div>
			<!-- Fin campos del formulario de dialog -->

	</div>
</div>




