<%@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="contactos_detail_div" style="display: none" class="custom_mid_dialog">
	
	<!-- Feedback del detalle de los contactos -->
	<div id="contactos_detail_feedback"></div>
	
	<!-- Formulario -->
	<spring:url value="../../contactos" var="urlContactos"/>
	<form:form modelAttribute="contactos" id="contactos_detail_form" action="${urlContactos}">
		
		<form:hidden path="idContacto03" id="idContacto03_contactos_detail_table"/> 
		<form:hidden path="idExpediente03" id="idExpediente03_contactos_detail_table" value="${idExpediente00}"/>
		<form:hidden path="idSolicitante03" id="idSolicitante03_contactos_detail_table" value="${idSolicitante01}"/>
		<form:hidden path="tipoContacto03" id="tipoContacto03_contactos_detail_table" value="<%=Constantes.TIPO_PERSONA_FISICA_BBDD%>"/>
		<form:hidden path="orden03" id="orden03_contactos_detail_table"/>
		
		<!-- Campos del formulario de detalle -->
		<div class="form-row row">
			<div class="form-groupMaterial col-sm-3">	 	  		
	 	  		<form:select class="form-control" path="tipoIdentificador03" name="tipoIdentificador03" id="tipoIdentificador03_contactos_detail_table">
	 	  			<form:option value="">---</form:option>
					<form:option value="<%=TipoIdentificadorEnum.DNI.getId()%>"><%=TipoIdentificadorEnum.DNI.getLabelDesc()%></form:option>
					<form:option value="<%=TipoIdentificadorEnum.NIE.getId()%>"><%=TipoIdentificadorEnum.NIE.getLabelDesc()%></form:option>
					<form:option value="<%=TipoIdentificadorEnum.PASAPORTE.getId()%>"><%=TipoIdentificadorEnum.PASAPORTE.getLabelDesc()%></form:option>
					<form:option value="<%=TipoIdentificadorEnum.OTROS.getId()%>"><%=TipoIdentificadorEnum.OTROS.getLabelDesc()%></form:option>
	 	  		</form:select>
		   		<label for="tipoIdentificador03_contactos_detail_table" style="width:100%" class="select-material"><spring:message code="expedientes.detalle.personaContacto.tipoIdentificador"/></label>
			</div>
			<div class="form-groupMaterial col-sm-3">
		   		<form:input class="form-control" path="identificador03" id="identificador03_contactos_detail_table" maxlength="20"/>
		   		<label for="identificador03_contactos_detail_table" style="width:100%" class="select-material"><spring:message code="expedientes.detalle.personaContacto.identificador"/></label>
			</div>
			<c:if test="${not empty contactos.sexo03}">
				<div class="form-groupMaterial col-sm-3">
			        <fieldset class="borde inputGroup inline">
			            <legend><spring:message code="expedientes.sexo"/></legend>
			            <!-- Se setea el valor del legend para poder introducirlo en la propiedad oldTitle del radio y poder mostrarlo al utilziar el componente de validación de rup.-->
			            <c:set var="sexoLabelError"><spring:message code="expedientes.sexo"/></c:set>		            
			             <div class="form-row row">
			                <div class="form-groupMaterial col-sm-12">						
			                    <div class="radio-material">
			                        <form:radiobutton oldtitle="${sexoLabelError}" disabled="false" class="radioButton" path="sexo03" id="sexoM_contactos_detail_table" name="sexo03_M" value="<%=Constantes.SEXO_MUJER_BBDD%>"/> 
									<label for="sexoM_contactos_detail_table"><spring:message code="expedientes.sexo01Mujer" /></label> 
			                    </div>
			                    <div class="radio-material">
			                        <form:radiobutton class="radioButton" path="sexo03" id="sexoH_contactos_detail_table" name="sexo03_H" value="<%=Constantes.SEXO_HOMBRE_BBDD%>" />
									<label for="sexoH_contactos_detail_table"><spring:message code="expedientes.sexo01Hombre" /></label> 
			                    </div>						
			                </div>	 
			            </div>
			        </fieldset>    			
			    </div>
		    </c:if>
		</div>
		<div class="form-row row">
			<div class="form-groupMaterial col-sm-3">
				<form:input path="apellido103" id="apellido103_contactos_detail_table" maxlength="100"/>
				<label for="apellido103_contactos_detail_table"><spring:message code="expedientes.detalle.personaContacto.apellido1"/></label>
			</div>
			<div class="form-groupMaterial col-sm-3">
				<form:input path="apellido203" id="apellido203_contactos_detail_table" maxlength="100"/>
				<label for="apellido203_contactos_detail_table"><spring:message code="expedientes.detalle.personaContacto.apellido2"/></label>
			</div>
			<div class="form-groupMaterial col-sm-3">
				<form:input path="nombre03" id="nombre03_contactos_detail_table" maxlength="100"/>
				<label for="nombre03_contactos_detail_table"><spring:message code="expedientes.detalle.personaContacto.nombre"/></label>
			</div>
			
		</div>
		
		<div class="form-row row">
			<div class="form-groupMaterial col-sm-3">
				<form:input path="parentesco03" id="parentesco03_contactos_detail_table" maxlength="50"/>
				<label for="parentesco03_contactos_detail_table"><spring:message code="expedientes.detalle.personaContacto.parentesco"/></label>
			</div>
			<div class="form-groupMaterial col-sm-3">
		        <fieldset class="borde inputGroup inline">
		            <legend><spring:message code="expedientes.detalle.personaContacto.llaves"/></legend>
		            <!-- Se setea el valor del legend para poder introducirlo en la propiedad oldTitle del radio y poder mostrarlo al utilziar el componente de validación de rup.-->
		            <c:set var="poseeLlavesLabelError"><spring:message code="expedientes.detalle.personaContacto.llaves"/></c:set>		            
		             <div class="form-row row">
		                <div class="form-groupMaterial col-sm-12">						
		                    <div class="radio-material">
		                        <form:radiobutton oldtitle="${poseeLlavesLabelError}" disabled="false" class="radioButton" path="poseeLlaves03" id="poseeLlavesS_contactos_detail_table" name="poseeLlavesS" value="<%=Constantes.VAL_NUM_SI%>"/> 
								<label for="poseeLlavesS_contactos_detail_table"><spring:message code="expedientes.detalle.personaContacto.llavesSi" /></label> 
		                    </div>
		                    <div class="radio-material">
		                        <form:radiobutton class="radioButton" path="poseeLlaves03" id="poseeLlavesN_contactos_detail_table" name="poseeLlavesN" value="<%=Constantes.VAL_NUM_NO%>" />
								<label for="poseeLlavesN_contactos_detail_table"><spring:message code="expedientes.detalle.personaContacto.llavesNo" /></label> 
		                    </div>						
		                </div>	 
		            </div>
		        </fieldset>    			
		    </div>
			<div class="form-groupMaterial col-sm-3">	
				<div class="checkbox-material checkbox-material-inline" style="margin-top:15px">
			   		<form:checkbox class="form-control" path="contactoInst03" id="contactoInst03_contactos_detail_table" value="<%=Constantes.VAL_NUM_SI%>"/>
			   		<label for="contactoInst03_contactos_detail_table" style="width:100%" class="select-material"><spring:message code="expedientes.detalle.personaContacto.contactoInstalacion"/></label>
				</div>
			</div>
		</div>

		<div class="form-row row">
			<div class="form-groupMaterial col-sm-3">
				<form:input path="tlfno03" id="telefono03_contactos_detail_table" maxlength="20" required="required"/>
				<label for="telefono03_contactos_detail_table" class="obligatorio"><spring:message code="expedientes.detalle.personaContacto.telefono1"/></label>
			</div>
			<div class="form-groupMaterial col-sm-3">
				<form:input path="tlfno203" id="telefono203_contactos_detail_table" maxlength="20"/>
				<label for="telefono203_contactos_detail_table"><spring:message code="expedientes.detalle.personaContacto.telefono2"/></label>
			</div>
			<div class="form-groupMaterial col-sm-3">
				<form:input path="tlfno303" id="telefono303_contactos_detail_table" maxlength="20"/>
				<label for="telefono303_contactos_detail_table"><spring:message code="expedientes.detalle.personaContacto.telefono3"/></label>
			</div>
		</div>
		
		<!-- Fin campos del formulario de detalle -->
	</form:form>

</div>
