<%@ page import="java.util.ArrayList,com.ejie.p06b.general.P06BPaginas, com.ejie.p06b.general.P06BConstantes,com.ejie.p06b.util.P06BUtil, com.ejie.p06b.manager.P06BGeneralManager, com.ejie.p06b.util.P06BResources, com.ejie.p06b.datatype.model.P06B83T00Datatype, com.ejie.p06b.datatype.model.P06B26T00Datatype" %>
<%@ taglib uri="/WEB-INF/tld/p06bTags.tld" prefix="p06b" %>
<!DOCTYPE html>
<html>

<head>
	<title><p06b:p06bResEtiquetasTag resource="titulo.modifPersona"/></title>
	<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<link rel="stylesheet" href="<%=P06BPaginas.P06B_STYLES_PATH%>/Styles/p06estilos.css" type="text/css">
	<link rel="stylesheet" href="<%=P06BPaginas.P06B_STYLES_PATH%>/Styles/portal.css" type="text/css">
	<link rel="stylesheet" href="<%=P06BPaginas.P06B_STYLES_PATH%>/Styles/comunPortal.css" type="text/css">
	<script SRC="<%=P06BPaginas.P06B_STYLES_PATH%>/js/p06bComun.js"></script>
	<script SRC="<%=P06BPaginas.P06B_STYLES_PATH%>/js/jquery-1.12.4.min.js" type="text/javascript"></script>
	
	<%
	/***************************************************************************************************************************/
	/*****************************	SE UTILIZA EN EL ALTA Y MODIFICACION DE MEDIADORES	****************************************/
	/***************************************************************************************************************************/
	
	
	String idioma = (String)request.getAttribute(P06BConstantes.P06B_VAR_PERFIL_USUARIO);	
	if (idioma == null || idioma.equals("") ){
		idioma = P06BConstantes.P06B_IDIOMA_ES; //"es"
	}
	
	P06B83T00Datatype datosDireccion = (P06B83T00Datatype)request.getAttribute("datosDireccion");	

%>
</head>	


<body>
<script>
	
	function readURL(input) {
	  alert(document.getElementById("imagenFirmaShow").src);
	  alert(document.FormDatosDireccionModificar["imagenFirma_datosDireccModif"].value);
	  document.getElementById("imagenFirmaShow").src = document.FormDatosDireccionModificar["imagenFirma_datosDireccModif"].value;
	  alert(document.getElementById("imagenFirmaShow").src);
	}
	
	destino = '<%=P06BPaginas.P06B_JSP_SERVLETDATOSDIRECCION_INJSP%>' + "?accion=<%=P06BConstantes.P06B_ACCION_RECUPERAR%>";
	var rutaCabecera = "";	//Parametro a pasar desde cada jsp que indique la ruta del mismo
	rutaCabecera += "<a class='migaja' href='"+destino+"'>\\"+'<p06b:p06bResEtiquetasTag resource="menu.opcion.DEC.datosDireccion"/>'+"<\/a>";		

	function inicializa(){
		var valor = $("#imagenBase64").val();
		var tipo = '<%=datosDireccion.getTipoImagenFirma()%>';
		document.getElementById("imagenFirmaShow").src = "data:image/jpeg;base64," + valor;
		if (<%="".equals(datosDireccion.getTipoImagenFirmaUltimoIntentoGrabacion())%>){
			document.getElementById("divAviso").style.display = "block";
		}else{
			document.getElementById("divAviso").style.display = "none";
		}
	}	
	
	function grabar(){
		//El campo cif/nif es obligatorio
		if (document.FormDatosDireccionModificar["descDireccionCas_datosDireccModif"].value==""){
  			alert('<%=((P06BResources)request.getSession().getAttribute(P06BConstantes.P06B_RES_SES_ETIQUETAS)).get("alertas.0021")%>');
  			document.FormDatosDireccionModificar["descDireccionCas_datosDireccModif"].focus();
  			return;
  		}
		if (document.FormDatosDireccionModificar["descDireccionEus_datosDireccModif"].value==""){
  			alert('<%=((P06BResources)request.getSession().getAttribute(P06BConstantes.P06B_RES_SES_ETIQUETAS)).get("alertas.0021")%>');
  			document.FormDatosDireccionModificar["descDireccionEus_datosDireccModif"].focus();
  			return;
  		}
		if (document.FormDatosDireccionModificar["nombre_datosDireccModif"].value==""){
  			alert('<%=((P06BResources)request.getSession().getAttribute(P06BConstantes.P06B_RES_SES_ETIQUETAS)).get("alertas.0021")%>');
  			document.FormDatosDireccionModificar["nombre_datosDireccModif"].focus();
  			return;
  		}
		if (document.FormDatosDireccionModificar["ape1_datosDireccModif"].value==""){
  			alert('<%=((P06BResources)request.getSession().getAttribute(P06BConstantes.P06B_RES_SES_ETIQUETAS)).get("alertas.0022")%>');
  			document.FormDatosDireccionModificar["ape1_datosDireccModif"].focus();
  			return;
  		}
		if (document.FormDatosDireccionModificar["ape2_datosDireccModif"].value==""){
  			alert('<%=((P06BResources)request.getSession().getAttribute(P06BConstantes.P06B_RES_SES_ETIQUETAS)).get("alertas.0023")%>');
  			document.FormDatosDireccionModificar["ape2_datosDireccModif"].focus();
  			return;
  		}
// 		if (document.FormDatosDireccionModificar["imagenFirma_datosDireccModif"].value==""){
<%--   			alert('<%=((P06BResources)request.getSession().getAttribute(P06BConstantes.P06B_RES_SES_ETIQUETAS)).get("alertas.0023")%>'); --%>
//   			document.FormDatosDireccionModificar["imagenFirma_datosDireccModif"].focus();
//   			return;
//   		}
		
		document.FormDatosDireccionModificar.accion.value=<%=P06BConstantes.P06B_ACCION_UPDATE%>;
		document.FormDatosDireccionModificar.submit();
	}
	
	function grabarImage(){
		document.FormDatosDireccionModificar.accion.value=<%=P06BConstantes.P06B_ACCION_UPDATEIMAGE%>;
		document.FormDatosDireccionModificar.submit();
	}
	
</script>
<%@ include file="/p06bComunJSP/p06bCabecera.inc"%>
<p></p>
<%@ include file="/p06bComunJSP/p06bMenuJsp.inc"%>

<FORM NAME="FormDatosDireccionModificar" METHOD="POST" action="<%=P06BPaginas.P06B_JSP_SERVLETDATOSDIRECCION_INJSP%>" style="width:750px;text-align:left;margin:0px auto 0px auto;padding-top:20px" enctype="multipart/form-data">
	<div style="width:100%;text-align:left;margin:0px auto 0px auto">
	<div style="text-align: left;font-size: 11px;border: 1px solid red;width: 98%;padding:1%;margin-bottom:10px;display:none" id="divAviso">
			<span style='padding: 5px;' width='40%'><b><p06b:p06bResEtiquetasTag resource="pantallas.literal.direccion.aviso"/></b>:</span>
			<span style='padding: 5px;' width='60%'><p06b:p06bResEtiquetasTag resource="pantallas.literal.direccion.error1"/></span>
	</div>
	<input type="hidden" name="accion" value="<%=P06BConstantes.P06B_ACCION_UPDATE%>">
	<input class="boton" type="button" name="Aceptar" value="<p06b:p06bResEtiquetasTag resource="botones.grabar"/>" onclick="grabar()">			
	<div style="width:100%;text-align:left;float:left;margin:10px auto 50px auto">
		<fieldset>
			<legend class="searchTitle"><p06b:p06bResEtiquetasTag resource="pantallas.literal.direccion.descDireccion"/></legend>
			<ol>	
				<li>
					<label style="text-align:right" for="descDireccionCas_datosDireccModif" class="searchTitleLabel"><p06b:p06bResEtiquetasTag resource="pantallas.literal.castellano"/>:</label>
					<input class="inputFieldLabelNotUpper" type="text" name="descDireccionCas_datosDireccModif" id="descDireccionCas_datosDireccModif" value="<%=(datosDireccion.getDescDireccionCas()==null)?"":datosDireccion.getDescDireccionCas()%>" maxlength="100" size="48">
				</li>
				<li>
					<label style="text-align:right" for="descDireccionEus_datosDireccModif" class="searchTitleLabel"><p06b:p06bResEtiquetasTag resource="pantallas.literal.euskera"/>:</label>
					<input class="inputFieldLabelNotUpper" type="text" name="descDireccionEus_datosDireccModif" id="descDireccionEus_datosDireccModif" value="<%=(datosDireccion.getDescDireccionEus()==null)?"":datosDireccion.getDescDireccionEus()%>" maxlength="100" size="48">
				</li>
			</ol>
		</fieldset>
		<fieldset>
			<legend class="searchTitle"><p06b:p06bResEtiquetasTag resource="pantallas.literal.direccion.responsable"/></legend>
			<ol>	
				<li>
					<label style="text-align:right" for="nombre_datosDireccModif" class="searchTitleLabel"><p06b:p06bResEtiquetasTag resource="pantallas.literal.nombre"/>:</label>
					<input class="inputFieldLabelNotUpper" type="text" name="nombre_datosDireccModif" id="nombre_datosDireccModif" value="<%=(datosDireccion.getNombre()==null)?"":datosDireccion.getNombre()%>" maxlength="50" size="46">
				</li>
				<li>
					<label style="text-align:right" for="ape1_datosDireccModif" class="searchTitleLabel"><p06b:p06bResEtiquetasTag resource="pantallas.literal.ape1"/>:</label>
					<input class="inputFieldLabelNotUpper" type="text" name="ape1_datosDireccModif" id="ape1_datosDireccModif" value="<%=(datosDireccion.getApe1()==null)?"":datosDireccion.getApe1()%>" maxlength="50" size="46">
				</li>
				<li>
					<label style="text-align:right" for="ape2_datosDireccModif" class="searchTitleLabel"><p06b:p06bResEtiquetasTag resource="pantallas.literal.ape2"/>:</label>
					<input class="inputFieldLabelNotUpper" type="text" name="ape2_datosDireccModif" id="ape2_datosDireccModif" value="<%=(datosDireccion.getApe2()==null)?"":datosDireccion.getApe2()%>" maxlength="50" size="46">
				</li>
				<li style="margin-top:4px">
					<label style="width:20%;text-align:left;float:left" for="imagenFirma_datosDireccModif" class="searchTitleLabel"><p06b:p06bResEtiquetasTag resource="pantallas.literal.imagenFirma"/>:</label>
					<label style="width:45%;text-align:left;float:left" for="imagenFirma_datosDireccModif" class="searchTitleLabel"><input type="button" style="width:100%;float:left" id="seleccionarImagen" value="<p06b:p06bResEtiquetasTag resource="pantallas.literal.seleccionarImagenFirma"/>"/></label>
					<img style="width:200px;height:200px;float:right" id="imagenFirmaShow" src="" />
<!-- 					<input style="display:none" type="file" name="imagenFirma_datosDireccModif" id="imagenFirma_datosDireccModif" onchange="readURL(this);"> -->
					<input style="display:none" type="file" name="imagenFirma_datosDireccModif" id="imagenFirma_datosDireccModif" onchange="grabarImage();">
				</li>
			</ol>
			<input type="hidden" name="imagenBase64" id="imagenBase64" value="<%=datosDireccion.getImagenFirmaBase64()%>" />
			<input type="hidden" name="tipoImagenFirma" id="tipoImagenFirma" value="<%=datosDireccion.getTipoImagenFirma()%>" />
		</fieldset>


	</div>
	
	</div>
</FORM>
<%@ include file="/p06bComunJSP/p06bPie.inc"%>
<script>
inicializa();
</script>

</body>
</html>