<%@ include file="/comunJSP/q02bCabecera.jsp"%>

<%@ page import="es.ejie.frmk.presentacion.sesiondatos.Q70ContextoEJIE" %>

<%@ page import="es.ejie.frmk.infraestructura.internacionalizacion.Q70GestorMensajesi18n;"%>



<script src="<%=staticPathScript%>/funcionesComunes.js" type="text/javascript"></script>



<%

String imgProcesando2 = staticPathImg +"/procesando_viv.gif";	

String idiom = (String)q70contextoejie.get("idioma");

String mailDestinatario1 =  Q70GestorMensajesi18n.getSingleton().getMessage("q02brecursosCuestionarios","comun.destinatario1.email",idiom);

String mailDestinatario2 =  Q70GestorMensajesi18n.getSingleton().getMessage("q02brecursosCuestionarios","comun.destinatario2.email",idiom);

%>



<script language="Javascript">

		

		function onLoadPage(){

				document.forms[0].elements["contacta(tipoSolicitud)"].value = "";

				document.forms[0].elements["contacta(nombreApellidos)"].value = "";

				document.forms[0].elements["contacta(dni)"].value = "";

				document.forms[0].elements["contacta(razonSocial)"].value = "";

				document.forms[0].elements["contacta(direccion)"].value = "";

				document.forms[0].elements["contacta(codMunicipio)"].value = "";

				document.forms[0].elements["contacta(codProvincia)"].value = "";

				document.forms[0].elements["contacta(pais)"].value = "";

				document.forms[0].elements["contacta(codigoPostal)"].value = "";

				document.forms[0].elements["contacta(telefono)"].value = "";

				document.forms[0].elements["contacta(fax)"].value = "";

				document.forms[0].elements["contacta(email)"].value = "";

				document.forms[0].elements["contacta(body)"].value = "";

				document.forms[0].elements["contacta(nombreApellidos)"].focus();

		}

		

		function enviar(){

			document.forms[0].elements["contacta(provincia)"].value = document.forms[0].elements["contacta(codProvincia)"].options[document.forms[0].elements["contacta(codProvincia)"].selectedIndex].text;

			document.forms[0].elements["contacta(municipio)"].value = document.forms[0].elements["contacta(codMunicipio)"].options[document.forms[0].elements["contacta(codMunicipio)"].selectedIndex].text;

			document.forms[0].submit();

		}

		

		function cargarMunicipio(){

			var where = "provincia_id = "+document.forms[0].elements["contacta(codProvincia)"].value;	

			cargarComboDataLauncherOrdenado("Cuestionarios",idioma,"NORA_T17_MUNICIPIO","id","ds_o", "contacta(codMunicipio)", where, "false", true, "ds_o", "ASC");

			

		}

</script>



<html:tablasCodigos 

	name="tablasCodigosBeanProvincia"

	type="es.ejie.frmk.infraestructura.tablas.Q70TablasCodigosBean"

	scope="page"

	options="optionsCollection"

	table="NORA_T17_PROVINCIA"	

	labelColumn="ds_o"

	valueColumn="id" />

	

<div class="q02_contenedor_body"> 



<html:form action="/q02bSubmitContacta.do">

 	<html:hidden property="accion" value="KEY_ENVIAR" />		

	<html:hidden property="contacta(provincia)"/>

	<html:hidden property="contacta(municipio)" />

		<div class="q02_img">

			<div class="q02_titulo_azul_cabecera"><html:message key="comun.observatorio" /> 

			<br/>

			<em class="q02_subtitulo_negro_cabecera">

				<html:message key="comun.contacta.titulo"/>

			</em>  

			</div>

		</div>

		

		<html:errors i18nKey="q02brecursosErroresCuestionarios"/>

		<div class="q02_borde">		

			<div class="q02_tit_azul">

				<html:message key="comun.contacta.titulo" />

			</div>

			

			<div class="q02_parrafo">

					<html:message key="comun.pedidos" /><br><br>					

					<html:message key="comun.campoObligatorio" /><br><br>

					<html:message key="comun.indicar" />

				<br>

			</div>

			<div class="q02_divNormal">

				<div class="q02_tit_apartado">

					&nbsp;<html:message key="comun.contacta.datos"/>					

				</div>

			</div>  

			

			<div class="q02_bordeHoja">		  

				<div class="q02_datos_cuestionario">

					<div class="q02_divNormal_cuestionario">

							<div class="q02_label" style="width:375px">

								<html:message key="comun.obligatorio" />&nbsp;<html:message key="comun.solicitud" />:<br>

							</div>	

					</div>

					<div class="q02_subapartado"> 

						<div>

							<div class="q02_divNormal">

								<div class="q02_label" style="width:350px">

									<label>

										<html:radio property="contacta(tipoSolicitud)" value="I" tabIndex="2" styleClass="q02_campoRadio">

											<html:message key="comun.tipo.informacion" />

										</html:radio>				

									</label>								

								</div>								

							</div>

						</div>

						<div>

							<div class="q02_divNormal">

								<div class="q02_label" style="width:350px">

									<label>

										<html:radio property="contacta(tipoSolicitud)" value="Q" tabIndex="3" styleClass="q02_campoRadio">

											<html:message key="comun.tipo.queja" />

										</html:radio>				

									</label>									

								</div>								

							</div>

						</div>

						<div>

							<div class="q02_divNormal">

								<div class="q02_label" style="width:350px">

									<label>

										<html:radio property="contacta(tipoSolicitud)" value="S" tabIndex="4" styleClass="q02_campoRadio">

											<html:message key="comun.tipo.sugerencia" />

										</html:radio>				

									</label> 									

								</div>								

							</div>

						</div>

						<div>

							<div class="q02_divNormal">

								<div class="q02_label" style="width:350px">

									<label>

										<html:radio property="contacta(tipoSolicitud)" value="O" tabIndex="5" styleClass="q02_campoRadio">

											<html:message key="comun.tipo.otra" />

										</html:radio>				

									</label>																		

								</div>								

							</div>

						</div>	

					</div>	

					<div class="q02_divNormal_cuestionario">

						<div class="q02_label" style="width:350px"> 

							<html:message key="comun.obligatorio" />&nbsp;<html:message key="comun.nombreApellidos" />:

						</div>

						<div>

							<label>

								<html:text property="contacta(nombreApellidos)" styleClass="q02_campo" maxlength="100" size="50"/>

							</label>

						</div>

					</div>

					<div class="q02_divNormal_cuestionario">

						<div class="q02_label" style="width:350px"> 

							<html:message key="comun.dni"  />:

						</div>

						<div>

							<label>

								<html:text property="contacta(dni)" styleClass="q02_campo" maxlength="100" size="50"/>

							</label>

						</div>

					</div>

					<div class="q02_divNormal_cuestionario">	

						<div class="q02_label" style="width:350px">

							<html:message key="comun.razon" />:

						</div>

						<div>

							<label>

								<html:text property="contacta(razonSocial)" styleClass="q02_campo" maxlength="100" size="50"/>

							</label> 

						</div>

					</div>					

					<div class="q02_divNormal_cuestionario">

						<div class="q02_label" style="width:350px"> 

							<html:message key="comun.direccion" />:

						</div>

						<div>

							<label>	

								<html:text property="contacta(direccion)" styleClass="q02_campo" maxlength="100" size="50"/>

							</label> <br>

						</div>					

					</div>

					<div class="q02_divNormal_cuestionario">

						<div class="q02_label" style="width:350px"> 

							<html:message key="comun.provincia" />:

						</div>

						<div>

							<label>

								<html:select name="contexto" style="width:280px" property="contacta(codProvincia)"  styleClass="q02_campo" onchange="javascript:cargarMunicipio()">

									<option value=""></option>

									<html:optionsCollection name="tablasCodigosBeanProvincia" property="optionsCollection" label="ds_o" value="id" />

								</html:select>

							</label>

						</div>

					</div>

					<div class="q02_divNormal_cuestionario">

						<div class="q02_label" style="width:350px"> 

							<html:message key="comun.municipio" />:

						</div>

						<div>

							<label>

								<html:select name="contexto" style="width:280px" property="contacta(codMunicipio)"  styleClass="q02_campo">									

								</html:select>

							</label>

						</div>

					</div>					

					<div class="q02_divNormal_cuestionario">

						<div class="q02_label" style="width:350px"> 

							<html:message key="comun.pais" />:

						</div>

						<div>

							<label>

								<html:text property="contacta(pais)" styleClass="q02_campo" maxlength="100" size="50"/>

							</label>

						</div>

					</div>

					<div class="q02_divNormal_cuestionario">

						<div class="q02_label" style="width:350px"> 

							<html:message key="comun.postal" />:

						</div>

						<div>

							<label>

								<html:text property="contacta(codigoPostal)" styleClass="q02_campo" maxlength="100" size="50"/>

							</label>

						</div>

					</div>

					<div class="q02_divNormal_cuestionario">

						<div class="q02_label" style="width:350px"> 

							<html:message key="comun.obligatorio" />&nbsp;<html:message key="comun.telefono" />:

						</div>

						<div>

							<label>

								<html:text property="contacta(telefono)" styleClass="q02_campo" maxlength="100" size="50"/>

							</label>

						</div>

					</div>

					<div class="q02_divNormal_cuestionario">

						<div class="q02_label" style="width:350px"> 

							<html:message key="comun.fax" />:

						</div>

						<div>

							<label>

								<html:text property="contacta(fax)" styleClass="q02_campo" maxlength="100" size="50"/>

							</label>

						</div>

					</div>

					<div class="q02_divNormal_cuestionario">

						<div class="q02_label" style="width:350px"> 

							<html:message key="comun.obligatorio" />&nbsp;<html:message key="comun.email" />:

						</div>

						<div>

							<label>

								<html:text property="contacta(email)" styleClass="q02_campo" maxlength="100" size="50"/>

							</label>

						</div>

					</div>

					<div class="q02_divNormal_cuestionario">

						<div class="q02_label" style="width:350px"> 

							<html:message key="comun.obligatorio" />&nbsp;<html:message key="comun.body" />:

						</div>

						<div>

							<label>

								<html:textarea property="contacta(body)" style="width:450px" styleClass="q02_campo" rows="5" />

							</label>

						</div>

					</div>				

	 		 	</div>		<!--  Fin apartado q02_datos_cuestionario-->

			</div> <!--  Fin apartado q02_borde_hoja-->

</html:form>		

	

	<!--  Botones -->

	<div class="q02_botonera">

		<html:button property="enviar"  styleClass="q02_boton" titleKey="comun.enviar" altKey="comun.enviar" onclick="javascript:enviar();"><html:message key="comun.enviar" /></html:button>

	</div>

	</div> <!--  Fin apartado q02_borde-->

	

		<%-- Etiqueta que muestra un mensaje de carga de pantalla --%>

	<div class="q02_etiqueta_carga_login">

		<div id="etiquetaProceso" style="display:none;border: 1px solid #CECFCE;width:100%;height:28px">	

			<img src="<%=imgProcesando2%>" id="imgProcesando2" name="imgProcesando2" width="239px" height="28px"/>

		</div>

	</div>	

	

	<div>

			<div class="q02_divNormal">			

				<div class="q70tituloError"><html:message key="comun.destinatario1" /></div>

			</div>

			<div class="q02_divNormal">			

				<div class="q02_ayuda1"><html:message key="comun.destinatario1.cargo" /></div>

			</div>	

			<div class="q02_divNormal">			

				<div class="q02_ayuda1"><html:message key="comun.destinatario1.direccion" /></div>

			</div>

			<div class="q02_divNormal">			

				<div class="q02_ayuda1"><html:message key="comun.destinatario1.municipio" /></div>

			</div>

			<div class="q02_divNormal">			

				<div class="q02_ayuda1"><html:message key="comun.destinatario1.telefono" /></div>

			</div>

			<div class="q02_divNormal">			

				<div>

					<label class="q02_ayuda1"> 

						<a href='mailto:<%=mailDestinatario1%>'>

							<html:message key="comun.destinatario1.email" />

						</a>

					</label>

				</div>

			</div>	

	</div>

	<br/>

	<div>

			<div class="q02_divNormal">			

				<div class="q70tituloError"><html:message key="comun.destinatario2" /></div>

			</div>

			<div class="q02_divNormal">			

				<div class="q02_ayuda1"><html:message key="comun.destinatario2.cargo" /></div>

			</div>	

			<div class="q02_divNormal">			

				<div class="q02_ayuda1"><html:message key="comun.destinatario2.direccion" /></div>

			</div>

			<div class="q02_divNormal">			

				<div class="q02_ayuda1"><html:message key="comun.destinatario2.municipio" /></div>

			</div>

			<div class="q02_divNormal">			

				<div class="q02_ayuda1"><html:message key="comun.destinatario2.telefono" /></div>

			</div>

			<div class="q02_divNormal">			

				<div>

					<label class="q02_ayuda1"> 

						<a href='mailto:<%=mailDestinatario2%>'>

							<html:message key="comun.destinatario2.email" />

						</a>

					</label>

				</div>

			</div>	

	</div>



</div>	<!--  q02_contenedor_body -->