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

<!-- Formulario de detalle -->
<div id="contactoSolicitante_detail_div" style="display: none" class="custom_mid_dialog">

	<!-- Feedback del detalle de los contactos -->
	<div id="contactoSolicitante_detail_feedback"></div>
	
	<!-- Formulario -->
	<spring:url value="../../contactos" var="urlContactos"/>
	<form:form modelAttribute="contactossolicitante" id="contactoSolicitante_detail_form" action="${urlContactos}">
		
		<form:hidden path="idSolicitante03" id="idSolicitante03_detail_contactossolicitante_table" value="${contactossolicitante.idSolicitante03 }"/>
		<form:hidden path="tipoContacto03" id="tipoContacto03_detail_contactossolicitante_table" value="<%=TipoContacto.tipoContacto03.FISICA.getId()%>"/>
		<form:hidden path="idContacto03" id="idContacto03_detail_contactossolicitante_table"/> 
		<form:hidden path="orden03" id="orden03_detail_contactossolicitante_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_detail_contactossolicitante_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_detail_contactossolicitante_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_detail_contactossolicitante_table" maxlength="20"/>
		   		<label for="identificador03_detail_contactossolicitante_table" style="width:100%" class="select-material"><spring:message code="expedientes.detalle.personaContacto.identificador"/></label>
			</div>
			<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="M_sexo03_detail_contactossolicitante_table" name="sexo03_M" value="<%=Constantes.SEXO_MUJER_BBDD%>"/> 
								<label for="M_sexo03_detail_contactossolicitante_table"><spring:message code="expedientes.sexo01Mujer" /></label> 
		                    </div>
		                    <div class="radio-material">
		                        <form:radiobutton class="radioButton" path="sexo03" id="H_sexo03_detail_contactossolicitante_table" name="sexo03_H" value="<%=Constantes.SEXO_HOMBRE_BBDD%>" />
								<label for="H_sexo03_detail_contactossolicitante_table"><spring:message code="expedientes.sexo01Hombre" /></label> 
		                    </div>						
		                </div>	 
		            </div>
		        </fieldset>    			
		    </div>
		</div>
	
		<div class="form-row row">
			<div class="form-groupMaterial col-sm-3">
				<form:input path="apellido103" id="apellido103_detail_contactossolicitante_table" maxlength="100"/>
				<label for="apellido103_detail_contactossolicitante_table"><spring:message code="contactoSolicitante.detail.apellido103"/></label>
			</div>
			<div class="form-groupMaterial col-sm-3">
				<form:input path="apellido203" id="apellido203_detail_contactossolicitante_table" maxlength="100"/>
				<label for="apellido203_detail_contactossolicitante_table"><spring:message code="contactoSolicitante.detail.apellido203"/></label>
			</div>
			<div class="form-groupMaterial col-sm-3">
				<form:input path="nombre03" id="nombre03_detail_contactossolicitante_table" maxlength="100"/>
				<label for="nombre03_detail_contactossolicitante_table"><spring:message code="contactoSolicitante.detail.nombre03"/></label>
			</div>
		</div>

		<div class="form-row row">
			<div class="form-groupMaterial col-sm-3">
				<form:input path="parentesco03" id="parentesco03_detail_contactossolicitante_table" maxlength="50"/>
				<label for="parentesco03_detail_contactossolicitante_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_detail_contactossolicitante_table" name="poseeLlavesS" value="<%=Constantes.VAL_NUM_SI%>"/> 
								<label for="poseeLlavesS_detail_contactossolicitante_table"><spring:message code="expedientes.detalle.personaContacto.llavesSi" /></label> 
		                    </div>
		                    <div class="radio-material">
		                        <form:radiobutton class="radioButton" path="poseeLlaves03" id="poseeLlavesN_detail_contactossolicitante_table" name="poseeLlavesN" value="<%=Constantes.VAL_NUM_NO%>" />
								<label for="poseeLlavesN_detail_contactossolicitante_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_detail_contactossolicitante_table" value="<%=Constantes.VAL_NUM_SI%>"/>
			   		<label for="contactoInst03_detail_contactossolicitante_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="tlfno03_detail_contactossolicitante_table" maxlength="20" required="required"/>
				<label for="tlfno03_detail_contactossolicitante_table"><spring:message code="contactoSolicitante.detail.tlfno03"/></label>
			</div>
			<div class="form-groupMaterial col-sm-3">
				<form:input path="tlfno203" id="tlfno203_detail_contactossolicitante_table" maxlength="20"/>
				<label for="tlfno203_detail_contactossolicitante_table"><spring:message code="expedientes.detalle.personaContacto.telefono2"/></label>
			</div>
			<div class="form-groupMaterial col-sm-3">
				<form:input path="tlfno303" id="tlfno303_detail_contactossolicitante_table" maxlength="20"/>
				<label for="tlfno303_detail_contactossolicitante_table"><spring:message code="expedientes.detalle.personaContacto.telefono3"/></label>
			</div>
		</div>
     
		
		<!-- Fin campos del formulario de detalle -->
	</form:form>

</div>
