<%@include file="/WEB-INF/includeTemplate.inc"%>

<!-- Formulario de detail -->
<div id="bandejainformes_detail_div" class="rup-table-formEdit-detail d-none">
	<!-- Barra de navegación del detail -->
	<div id ="bandejainformes_detail_navigation" class="row no-gutters"></div>
	<!-- Separador -->
	<hr class="m-1">
	<div class="dialog-content-material">
		<!-- Formulario -->
		<form:form modelAttribute="informes" id="bandejainformes_detail_form">
			<!-- Feedback del formulario de detail -->
			<div id ="bandejainformes_detail_feedback"></div>
			<!-- desde aqui -->
			<div class="form-row row">	
				<!-- Campos del formulario de detail -->
						<div class="form-groupMaterial col-sm-3">
							<form:select  path="tipoInforme16" id="tipoInforme_informes_detail_table">
				    <form:option value="">----</form:option>				    
					<form:options items="${TipoInformes}" itemLabel="labelDesc" itemValue="id" />
			    </form:select>
					<label for="tipoInforme_informes_detail_table"><spring:message code="informes.tipoInforme"/></label>
					</div>
						<div class="form-groupMaterial col-sm-3">
					<form:select  path="estado16" id="estado_informes_detail_table">
				    <form:option value="">----</form:option>				    
					<form:options items="${TipoEstado}" itemLabel="labelDesc" itemValue="labelDesc" />
			    </form:select>
					<label for="estado_informes_detail_table"><spring:message code="informes.estado"/></label>
					</div>
						<div class="form-groupMaterial col-sm-3">
								<form:input path="solicitantes.identificador01" id="nombreSolicitante_informes_detail_table"/>
					<label for="nombreSolicitante_informes_detail_table"><spring:message code="informes.detalle.solicitanteBeneficiario"/></label>
					</div>
						<div class="form-groupMaterial col-sm-3">
								<form:input path="expedientes.numExpediente00" id="expediente_informes_detail_table"/>
					<label for="expediente_informes_detail_table"><spring:message code="informes.expediente"/></label>
					</div>
					</div>
					<div class="form-row row">
						<div class="form-groupMaterial col-sm-3">
								<form:input path="fInicio16" id="fecInicio_informes_detail_table"/>
					<label for="fecInicio_informes_detail_table"><spring:message code="informes.fecInicio"/></label>
					</div>
						<div class="form-groupMaterial col-sm-3">
							<form:input path="fFin16" id="fecFin_informes_detail_table"/>
					<label for="fecFin_informes_detail_table"><spring:message code="informes.fecFin"/></label>
					</div>
					<div class="form-groupMaterial col-sm-2">
					
							<div class="checkbox-material checkbox-material-inline" style="top: -3px">
									<input id="urgente_informes_detail_table" name="urgente" type="checkbox">
									<label for="urgente_informes_detail_table"><spring:message code="informes.detalle.urgente"/></label>										
									<span class="mdi mdi-clock-fast" style="font-size: 1.5rem; color: rgb(246, 172, 34);margin-left: 10px;display: inline-block;">
									</span>
								</div>
					</div>
					</div>
					<div class="form-row row">
					<div class="form-groupMaterial col-sm-3">
							<form:input path="fEnvioAdmon16" id="fecEnvioAdmin_informes_detail_table"/>
					<label for="fecEnvioAdmin_informes_detail_table"><spring:message code="informes.detalle.fecEnvio"/></label>
					</div>
						</div>
				<div class="clsCabecera plegable"><i class="mdi mdi-plus-box-outline"></i><spring:message code="informes.detalle.datosTrabSoc"/></div>	
					<div class="plegado">	
						<div class="form-row row">
									<div class="form-groupMaterial col-sm-4"> 
										<input name="informeSocial.trabajadorSoc02" id="trabajadorSoc02_informes_detail_table" type="text">
										<label for="trabajadorSoc02_informes_detail_table"><spring:message code="informes.detalle.trabajador"/></label>
									</div>
									<div class="form-groupMaterial col-sm-4"> 
										<input name="informeSocial.ayuntamiento02" id="ayuntamiento_informes_detail_table" type="text">
										<label for="ayuntamiento_informes_detail_table"><spring:message code="informes.detalle.ayuntamiento"/></label>
									</div>
									<div class="form-groupMaterial col-sm-4"> 
										<input name="informeSocial.unidadBase02" id="unidadBase02_informes_detail_table" type="text">
										<label for="unidadBase02_informes_detail_table"><spring:message code="informes.detalle.unidadBase"/></label>
									</div>
								</div>
						
						<div class="form-row row">
									<div class="form-groupMaterial col-sm-2"> 
										<input name="informeSocial.telefono02" id="telefono02_informes_detail_table" type="text">
										<label for="telefono02_informes_detail_table"><spring:message code="informes.detalle.telefono"/></label>
									</div>
									<div class="form-groupMaterial col-sm-2"> 
										<input name="informeSocial.email02" id="email02_informes_detail_table" type="text">
										<label for="email02_informes_detail_table"><spring:message code="informes.detalle.email"/></label>
									</div>
								</div>
							<!-- hasta aqui -->
				<!-- Fin campos del formulario de detail -->
			</div>
			<div class="clsCabecera plegable"><i class="mdi mdi-plus-box-outline"></i><spring:message code="informes.detalle.sitConv"/></div>	
					<div class="plegado">
					<div class="">
								<div class="form-row row">
									<div class="form-groupMaterial col-sm-12">
										<fieldset class="borde inputGroup">
											<legend><spring:message code="informes.detalle.opciones.aSitConv"/></legend>
											<div class="form-row row" style="padding-left: 0">
												<div class="form-groupMaterial col-sm-12">						
													<div class="radio-material">
														<input id="sola02_0_informes_detail_table" name="informeSocial.sola02" type="radio" value="0">
														<label for="sola02_0_informes_detail_table"><spring:message code="informes.detalle.viveSola"/></label>
													</div>
													<div class="radio-material">
														<input id="sola02_1_informes_detail_table" name="informeSocial.sola02" type="radio" value="1">
														<label for="sola02_1_informes_detail_table"><spring:message code="informes.detalle.viveAcompainada"/></label>
													</div>					
												</div>	 
											</div>
											
										</fieldset>    			
									</div>    
								</div>
							
								<div class="form-row row">
									<div class="form-groupMaterial col-sm-6">
										<fieldset class="borde inputGroup">
											<legend><spring:message code="informes.detalle.opciones.bPasaSola"/></legend>
											<div class="form-row row" style="padding-left: 0">
												<div class="form-groupMaterial col-sm-12">						
													<div class="checkbox-material  checkbox-material-inline">
														<input id="estaSolaManana02_informes_detail_table" name="informeSocial.estaSolaManana02" type="checkbox" value="1">
														<label for="estaSolaManana02_informes_detail_table"><spring:message code="informes.detalle.maniana"/></label>
													</div>
													<div class="checkbox-material  checkbox-material-inline">
														<input id="estaSolaTarde02_informes_detail_table" name="informeSocial.estaSolaTarde02" type="checkbox" value="1">
														<label for="estaSolaTarde02_informes_detail_table"><spring:message code="informes.detalle.tarde"/></label>
													</div>					
													<div class="checkbox-material  checkbox-material-inline">
														<input id="estaSolaNoche02_informes_detail_table" name="informeSocial.estaSolaNoche02" type="checkbox" value="1">
														<label for="estaSolaNoche02_informes_detail_table"><spring:message code="informes.detalle.noche"/></label>
													</div>					
												</div>	 
											</div>
										</fieldset>    			
									</div>
							
									<div class="form-groupMaterial col-sm-6">
										<fieldset class="borde inputGroup">
											<legend><spring:message code="informes.detalle.opciones.cGradoDeRelacion"/></legend>
											<div class="form-row row" style="padding-left: 0">
												<div class="form-groupMaterial col-sm-12">						
													<div class="radio-material">
														<input id="relacionEntorno02_0_informes_detail_table" name="informeSocial.relacionEntorno02" type="radio" value="0">
														<label for="relacionEntorno02_0_informes_detail_table"><spring:message code="informes.detalle.bueno"/></label>
													</div>
													<div class="radio-material">
														<input id="relacionEntorno02_1_informes_detail_table" name="informeSocial.relacionEntorno02" type="radio" value="1">
														<label for="relacionEntorno02_1_informes_detail_table"><spring:message code="informes.detalle.aceptable"/></label>
													</div>					
													<div class="radio-material">
														<input id="relacionEntorno02_2_informes_detail_table" name="informeSocial.relacionEntorno02" type="radio" value="2">
														<label for="relacionEntorno02_2_informes_detail_table"><spring:message code="informes.detalle.malo"/></label>
													</div>					
													<div class="radio-material">
														<input id="relacionEntorno02_3_informes_detail_table" name="informeSocial.relacionEntorno02" type="radio" value="3">
														<label for="relacionEntorno02_3_informes_detail_table"><spring:message code="informes.detalle.sinRelacion"/></label>
													</div>					
												</div>	 
											</div>
										</fieldset>    			
									</div>
								</div>
							
							
								<div class="form-row row">
									<div class="form-groupMaterial col-sm-6">
										<fieldset class="borde inputGroup">
											<legend><spring:message code="informes.detalle.opciones.dHaFallecidoAlgunFam"/></legend>
											<div class="form-row row" style="padding-left: 0">
												<div class="form-groupMaterial col-sm-12">						
													<div class="radio-material">
														<input id="familiarFallecido02_informes_detail_table" name="informeSocial.familiarFallecido02" type="radio" value="0">
														<label for="familiarFallecido02_informes_detail_table"><spring:message code="informes.detalle.no"/></label>
													</div>
													<div class="radio-material">
														<input id="familiarFallecido02_informes_detail_table" name="informeSocial.familiarFallecido02" type="radio" value="1">
														<label for="familiarFallecido02_informes_detail_table"><spring:message code="informes.detalle.si"/></label>
													</div>
													<input name="vinculoFallecido02" id="vinculoFallecido02_informes_detail_table" type="text" class="col-sm-4" maxlength="25"style="display: inline-block; margin-left: 20px">					
												</div>	 
											</div>
										</fieldset>    			
									</div>
							
									<div class="form-groupMaterial col-sm-6">
										<fieldset class="borde inputGroup">
											<legend><spring:message code="informes.detalle.opciones.eTieneEncuentros"/></legend>
											<div class="form-row row" style="padding-left: 0">
												<div class="form-groupMaterial col-sm-12">						
													<div class="radio-material">
														<input id="visitasFamilia02_0_informes_detail_table" name="informeSocial.visitasFamilia02" type="radio" value="0">
														<label for="visitasFamilia02_0_informes_detail_table"><spring:message code="informes.detalle.todosLosDias"/></label>
													</div>
													<div class="radio-material">
														<input id="visitasFamilia02_1_informes_detail_table" name="informeSocial.visitasFamilia02" type="radio" value="1">
														<label for="visitasFamilia02_1_informes_detail_table"><spring:message code="informes.detalle.semanalmente"/></label>
													</div>
													<div class="radio-material">
														<input id="visitasFamilia02_2_informes_detail_table" name="informeSocial.visitasFamilia02" type="radio" value="2">
														<label for="visitasFamilia02_2_informes_detail_table"><spring:message code="informes.detalle.mensualmente"/></label>
													</div>
													<div class="radio-material">
														<input id="visitasFamilia02_3_informes_detail_table" name="informeSocial.visitasFamilia02" type="radio" value="3">
														<label for="visitasFamilia02_3_informes_detail_table"><spring:message code="informes.detalle.esporadicamente"/></label>
													</div>
													<div class="radio-material">
														<input id="visitasFamilia02_4_informes_detail_table" name="informeSocial.visitasFamilia02" type="radio" value="4">
														<label for="visitasFamilia02_4_informes_detail_table"><spring:message code="informes.detalle.nunca"/></label>
													</div>
												</div>	 
											</div>
										</fieldset>    			
									</div>
								</div>
								<div class="form-row row">
									<div class="form-groupMaterial col-sm-6">
										<fieldset class="borde inputGroup">
											<legend><spring:message code="informes.detalle.opciones.fEncuentrosVisitasAmistades"/></legend>
											<div class="form-row row" style="padding-left: 0">
												<div class="form-groupMaterial col-sm-12">						
													<div class="radio-material">
														<input id="visitasAmigos02_0_informes_detail_table" name="informeSocial.visitasAmigos02" type="radio" value="0">
														<label for="visitasAmigos02_0_informes_detail_table"><spring:message code="informes.detalle.todosLosDias"/></label>
													</div>
													<div class="radio-material">
														<input id="visitasAmigos02_1_informes_detail_table" name="informeSocial.visitasAmigos02" type="radio" value="1">
														<label for="visitasAmigos02_1_informes_detail_table"><spring:message code="informes.detalle.semanalmente"/></label>
													</div>
													<div class="radio-material">
														<input id="visitasAmigos02_2_informes_detail_table" name="informeSocial.visitasAmigos02" type="radio" value="2">
														<label for="visitasAmigos02_2_informes_detail_table"><spring:message code="informes.detalle.mensualmente"/></label>
													</div>
													<div class="radio-material">
														<input id="visitasAmigos02_3_informes_detail_table" name="informeSocial.visitasAmigos02" type="radio" value="3">
														<label for="visitasAmigos02_3_informes_detail_table"><spring:message code="informes.detalle.esporadicamente"/></label>
													</div>
													<div class="radio-material">
														<input id="visitasAmigos02_4_informes_detail_table" name="informeSocial.visitasAmigos02" type="radio" value="4">
														<label for="visitasAmigos02_4_informes_detail_table"><spring:message code="informes.detalle.nunca"/></label>
													</div>
												</div>	 
											</div>
										</fieldset>    			
									</div>
									<div class="form-groupMaterial col-sm-6">
										<fieldset class="borde inputGroup">
											<legend><spring:message code="informes.detalle.opciones.gFrecuenciaDeSalida"/></legend>
											<div class="form-row row" style="padding-left: 0">
												<div class="form-groupMaterial col-sm-12">						
													<div class="radio-material">
														<input id="frecuenciaSalidas02_0_informes_detail_table" name="informeSocial.frecuenciaSalidas02" type="radio" value="0">
														<label for="frecuenciaSalidas02_0_informes_detail_table"><spring:message code="informes.detalle.todosLosDias"/></label>
													</div>
													<div class="radio-material">
														<input id="frecuenciaSalidas02_1_informes_detail_table" name="informeSocial.frecuenciaSalidas02" type="radio" value="1">
														<label for="frecuenciaSalidas02_1_informes_detail_table"><spring:message code="informes.detalle.semanalmente"/></label>
													</div>
													<div class="radio-material">
														<input id="frecuenciaSalidas02_2_informes_detail_table" name="informeSocial.frecuenciaSalidas02" type="radio" value="2">
														<label for="frecuenciaSalidas02_2_informes_detail_table"><spring:message code="informes.detalle.mensualmente"/></label>
													</div>
													<div class="radio-material">
														<input id="frecuenciaSalidas02_3_informes_detail_table" name="informeSocial.frecuenciaSalidas02" type="radio" value="3">
														<label for="frecuenciaSalidas02_3_informes_detail_table"><spring:message code="informes.detalle.esporadicamente"/></label>
													</div>
													<div class="radio-material">
														<input id="frecuenciaSalidas02_4_informes_detail_table" name="informeSocial.frecuenciaSalidas02" type="radio" value="4">
														<label for="frecuenciaSalidas02_4_informes_detail_table"><spring:message code="informes.detalle.nunca"/></label>
													</div>
												</div>	 
											</div>
										</fieldset>    			
									</div>
								</div>
							
								<div class="form-row row">
									<div class="form-groupMaterial col-sm-12">
										<fieldset class="borde inputGroup">
											<legend><spring:message code="informes.detalle.opciones.hPasaPeriodosLargosDomicilio"/></legend>
											<div class="form-row row" style="padding-left: 0">
												<div class="form-groupMaterial col-sm-12">						
													<div class="radio-material">
														<input id="periodoSinVisitas02_0_informes_detail_table" name="informeSocial.periodoSinVisitas02" type="radio" value="0">
														<label for="periodoSinVisitas02_0_informes_detail_table"><spring:message code="informes.detalle.no"/></label>
													</div>
													<div class="radio-material">
														<input id="periodoSinVisitas02_1_informes_detail_table" name="informeSocial.periodoSinVisitas02" type="radio" value="1">
														<label for="periodoSinVisitas02_1_informes_detail_table"><spring:message code="informes.detalle.si"/></label>
													</div>
													<div class="radio-material">
														<input id="tiempoSinVisitas02_0_informes_detail_table" name="informeSocial.tiempoSinVisitas02" type="radio" value="0" >
														<label for="tiempoSinVisitas02_0_informes_detail_table"><spring:message code="informes.detalle.deTresDias"/></label>
													</div>
													<div class="radio-material">
														<input id="tiempoSinVisitas02_1_informes_detail_table" name="informeSocial.tiempoSinVisitas02" type="radio" value="1" >
														<label for="tiempoSinVisitas02_1_informes_detail_table"><spring:message code="informes.detalle.deUnaSemana"/></label>
													</div>
													<div class="radio-material">
														<input id="tiempoSinVisitas02_2_informes_detail_table" name="informeSocial.tiempoSinVisitas02" type="radio" value="2">
														<label for="tiempoSinVisitas02_2_informes_detail_table"><spring:message code="informes.detalle.deUnMes"/></label>
													</div>
												</div>	 
											</div>
										</fieldset>    			
									</div>
								</div>
							</div>
					</div>	
			<div class="clsCabecera plegable"><i class="mdi mdi-plus-box-outline"></i><spring:message code="informes.detalle.observ"/></div>	
					<div class="plegado">
					<div class="">
								<div class="form-row row">
									<div class="form-groupMaterial col-sm-6">
										<textarea id="observaciones02_informes_detail_table" class="form-control" rows="3" name="informeSocial.observaciones02"></textarea>        
										<label for="observaciones02_informes_detail_table"><spring:message code="informes.detalle.observacionesDelTrabajadorSocial"/></label>
									</div>
									<div class="form-groupMaterial col-sm-6">
										<textarea id="observacionesPs02_informes_detail_table" name="informeSocial.observacionesPs02" class="form-control" rows="3"></textarea>
										<label for="observacionesPs02_informes_detail_table"><spring:message code="informes.detalle.observacionesDelPrestatario"/></label>
									</div>
								</div>
							</div>
					</div>	
			<div class="clsCabecera plegable"><i class="mdi mdi-plus-box-outline"></i><spring:message code="informes.detalle.apr"/></div>	
					<div class="plegado">
					<div class="">
								<div class="form-row row">
									<div class="form-groupMaterial col-sm-12">
									<spring:message code="informes.detalle.vistoLoAnterior"/>
										
									</div>
									<div class="form-groupMaterial col-sm-12">
										<div class="radio-material" style="top: -3px">
											<input id="apreciacion02_0_informes_detail_table" name="informeSocial.apreciacion02" type="radio" value="1">
											<label for="apreciacion02_0_informes_detail_table"><strong><spring:message code="informes.detalle.seAprecian"/> </strong><spring:message code="informes.detalle.enLaPersonaSolicitante"/></label>
										</div>        
									</div>
									<div class="form-groupMaterial col-sm-12">
										<div class="radio-material" style="top: -3px">
											<input id="apreciacion02_1_informes_detail_table" name="informeSocial.apreciacion02" type="radio" value="0">
											<label for="apreciacion02_1_informes_detail_table"><strong><spring:message code="informes.detalle.noSeAprecian"/> </strong> <spring:message code="informes.detalle.necesidadesQuePuedan"/></label>
										</div>        
									</div>
								</div>
							</div>
					</div>
		</form:form>
	</div>
	<!-- Botonera del formulario de detail -->
	<div class="rup-table-buttonpanel-material">
		<div class="text-right">
			<!-- Botón cancelar -->
			<button id="bandejainformes_detail_button_cancel" class="btn-material btn-material-sm btn-material-primary-low-emphasis" type="button">
				<spring:message code="cancel" />
			</button>
			<!-- Botón guardar -->
			<button id="bandejainformes_detail_button_save" class="btn-material btn-material-sm btn-material-primary-high-emphasis" type="button">
				<spring:message code="save" />
			</button>
		</div>
	</div>	
</div>
