<%@ page import="com.cidat.proclets.*,itourbaskBeans.*,java.util.*,q53_util.*" session="true" %>
<% com.cidat.proclets.ProcletServiceData sd =(com.cidat.proclets.ProcletServiceData)request.getAttribute("com.cidat.proclets.sd"); %>
<% String q53_idioma = q53Util.getIdioma(sd); %>
 
<% // Literales
String enc_alert_opcion_no_vacia = q53Util.getLiteral(sd, "ENC_ALERT_OPCION_NO_VACIA", q53_idioma);
String enc_alert_pregunta_borrar_opcion = q53Util.getLiteral(sd, "ENC_ALERT_PREGUNTA_BORRAR_OPCION", q53_idioma);
String enc_alert_seleccionar_opciones = q53Util.getLiteral(sd, "ENC_ALERT_SELECCIONAR_OPCIONES", q53_idioma);
String enc_alert_una_opcion = q53Util.getLiteral(sd, "ENC_ALERT_UNA_OPCION", q53_idioma);
String enc_anadir = q53Util.getLiteral(sd, "ENC_AÑADIR", q53_idioma);
String enc_bajar = q53Util.getLiteral(sd, "ENC_BAJAR", q53_idioma);
String enc_cancelar = q53Util.getLiteral(sd, "ENC_CANCELAR", q53_idioma);
String enc_check_box = q53Util.getLiteral(sd, "ENC_CHECK_BOX", q53_idioma);
String enc_crear_pregunta = q53Util.getLiteral(sd, "ENC_CREAR_PREGUNTA", q53_idioma);
String enc_eliminar = q53Util.getLiteral(sd, "ENC_ELIMINAR", q53_idioma);
String enc_fecha_max = q53Util.getLiteral(sd, "ENC_FECHA_MAX", q53_idioma);
String enc_fecha_min = q53Util.getLiteral(sd, "ENC_FECHA_MIN", q53_idioma);
String enc_formato = q53Util.getLiteral(sd, "ENC_FORMATO", q53_idioma);
String enc_modificar = q53Util.getLiteral(sd, "ENC_MODIFICAR", q53_idioma);
String enc_modificar_preg = q53Util.getLiteral(sd, "ENC_MODIFICAR_PREG", q53_idioma);
String enc_obligatoria = q53Util.getLiteral(sd, "ENC_OBLIGATORIA", q53_idioma);
String enc_consulta = q53Util.getLiteral(sd, "ENC_CONSULTA", q53_idioma);
String enc_opciones = q53Util.getLiteral(sd, "ENC_OPCIONES", q53_idioma);
String enc_preg_descripcion = q53Util.getLiteral(sd, "ENC_PREG_DESCRIPCION", q53_idioma);
String enc_radio_button = q53Util.getLiteral(sd, "ENC_RADIO_BUTTON", q53_idioma);
String enc_select = q53Util.getLiteral(sd, "ENC_SELECT", q53_idioma);
String enc_subir = q53Util.getLiteral(sd, "ENC_SUBIR", q53_idioma);
String enc_tamaño = q53Util.getLiteral(sd, "ENC_TAMAÑO", q53_idioma);
String enc_texto_nueva_opcion = q53Util.getLiteral(sd, "ENC_TEXTO_NUEVA_OPCION", q53_idioma);
String enc_texto_opcion = q53Util.getLiteral(sd, "ENC_TEXTO_OPCION", q53_idioma);
String enc_tipo = q53Util.getLiteral(sd, "ENC_TIPO", q53_idioma);
String enc_tipo_fecha = q53Util.getLiteral(sd, "ENC_TIPO_FECHA", q53_idioma);
String enc_tipo_opciones = q53Util.getLiteral(sd, "ENC_TIPO_OPCIONES", q53_idioma);
String enc_tipo_texto = q53Util.getLiteral(sd, "ENC_TIPO_TEXTO", q53_idioma);
String gen_aceptar = q53Util.getLiteral(sd, "GEN_ACEPTAR", q53_idioma);
String gen_no = q53Util.getLiteral(sd, "GEN_NO", q53_idioma);
String gen_si = q53Util.getLiteral(sd, "GEN_SI", q53_idioma);
%>

<%String tipoPregunta ="";
q53PreguntaBean pregunta = null;
String codPregunta ="";
boolean obligatoria = false;
String formato="";
String descPregunta="";
boolean consulta=false;
q53LogEstadisticas.printLog("consulta: -" + consulta);
q53OpcionesBean opciones = null;
q53TextoBean texto = null;
q53FechaBean fecha = null;
if(sd.getVal("pregunta") != null){
    pregunta = (q53PreguntaBean)sd.getVal("pregunta");
    tipoPregunta = pregunta.getTipoPregunta();
    codPregunta = pregunta.getCodPregunta();
    obligatoria = pregunta.isObligatoria();
    descPregunta = pregunta.getDescripcionPregunta();
    if(tipoPregunta.equals(q53Constantes.TIPO_OPCIONES)){
        opciones = pregunta.getPreguntaOpciones();
        formato = opciones.getFormato();
        consulta = pregunta.isConsulta();
    }else if(tipoPregunta.equals(q53Constantes.TIPO_TEXTO)){
        texto = pregunta.getPreguntaTexto();
    }else if(tipoPregunta.equals(q53Constantes.TIPO_FECHA)){
        fecha = pregunta.getPreguntaFecha();
    }
}%><!DOCTYPE html> <!-- HTML5 -->
<html>
<head>
<!-- Tags para diseño responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Fin Tags para diseño responsive -->
<title> itourbask </title>
<!-- Bootstrap core CSS -->
<link href="/appcont/itourbask/styles/bootstrap.css" rel="stylesheet" type="text/css">
<link href="/appcont/itourbask/styles/index.css" rel="stylesheet" type="text/css">
<link href="/appcont/itourbask/styles/estilos.css" rel="stylesheet" type="text/css">
<link href="/appcont/itourbask/jquery-ui/jquery-ui.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato:100,900italic,100italic,300,300italic,400,700,400italic,700italic,900|Oswald:400,300,700" rel="stylesheet" type="text/css">
<script src="/appcont/itourbask/scripts/param.js"></script>
<script src="/appcont/itourbask/scripts/general.js"></script>
<link href="/appcont/itourbask/styles/floating-labels.css" rel="stylesheet" type="text/css">
<style>
.divs {
position: absolute;
top: 200px;
left: 203px;
}
</style>
<script src="/appcont/itourbask/scripts/general.js"></script>
<script>
function aceptar_opciones () {
    if (!gen_validartxt (document.frm_opciones.descripcion, "<%= enc_preg_descripcion %>", true, 300)) return;
    if (!gen_validarsel (document.frm_opciones.formato, "<%= enc_formato %>", true)) return;

    var opts=document.frm_opciones.opciones.options;
    if (opts.length == 0) {
        alert("<%= enc_alert_una_opcion %>");
        document.frm_opciones.opciones.options.focus();
        return;
    }
    // selecciono todas las opciones antes de hacer el submit, y les concateno el texto al value.
    // el value será de la forma [value]#[texto]
    for (var i=0; i<opts.length; i++) {
        opts[i].value = opts[i].value+"#"+opts[i].text;
        opts[i].selected = true;
    }
    document.frm_opciones.submit();
}

function aceptar_texto () {
    if (!gen_validartxt (document.frm_texto.descripcion, "<%= enc_preg_descripcion %>", true, 300)) return;
    if (isNaN(document.frm_texto.tamano.value)) 
    {
      alert("<%= enc_tamaño %>");return;
    } else {
      if (!gen_validartxt_int (document.frm_texto.tamano, "<%= enc_tamaño %>", true, 5)) return;
      document.frm_texto.submit();
    }
}


function aceptar_fecha () {
    var fecha_min= document.frm_fecha.dia_min.value +"/"+document.frm_fecha.mes_min.value+"/"+document.frm_fecha.anio_min.value;
    var fecha_max= document.frm_fecha.dia_max.value +"/"+document.frm_fecha.mes_max.value+"/"+document.frm_fecha.anio_max.value;
    document.frm_fecha.fecha_min.value=fecha_min;
    document.frm_fecha.fecha_max.value=fecha_max;
    if (!gen_validartxt (document.frm_fecha.descripcion, "<%= enc_preg_descripcion %>", true, 300)) return;
    if (!gen_validarfecha (document.frm_fecha.fecha_min, '<%= enc_fecha_min %>', true)) return;
    if (!gen_validarfecha (document.frm_fecha.fecha_max, '<%= enc_fecha_max %>', true)) return;
    document.frm_fecha.submit();
}

function cancelar () {
    document.location.href="/q53ItourbaskWar/q53encListarPreguntasServlet?genEncuesta=<%=sd.gOS("genEncuesta")%>&cod_encuesta=<%= sd.gOS("cod_encuesta") %>&cod_version=<%= sd.gOS("cod_version") %>&recogida_datos=<%=sd.gOS("recogida_datos")%>";
}

/** funciones de opciones **/
function tiene_opcion_selected (opts) {
    var num_selected=0;
    for(i=0;i<opts.length;i++){
        if(opts[i].selected==true) num_selected++;
    }
    if (num_selected!=1) {
        alert("<%= enc_alert_seleccionar_opciones %>");
        return false;
    }
    return true;
}

function opc_subir () {
    var opts=document.frm_opciones.opciones.options;
    if (!tiene_opcion_selected(opts)) return;
    // si el primero, volver sin hacer nada
    if (opts.selectedIndex == 0) return;
    var tmp_index = opts.selectedIndex;
    var tmp_text = opts[opts.selectedIndex].text;
    var tmp_value = opts[opts.selectedIndex].value;
    opts[opts.selectedIndex].text = opts[opts.selectedIndex-1].text;
    opts[opts.selectedIndex].value = opts[opts.selectedIndex-1].value;
    opts[opts.selectedIndex-1].text = tmp_text;
    opts[opts.selectedIndex-1].value = tmp_value;
    opts.selectedIndex = tmp_index-1;
}

function opc_bajar () {
    var opts=document.frm_opciones.opciones.options;
    if (!tiene_opcion_selected(opts)) return;
    // si el último, volver sin hacer nada
    if (opts.selectedIndex == (opts.length-1)) return;
    var tmp_index = opts.selectedIndex;
    var tmp_text = opts[opts.selectedIndex].text;
    var tmp_value = opts[opts.selectedIndex].value;
    opts[opts.selectedIndex].text = opts[opts.selectedIndex+1].text;
    opts[opts.selectedIndex].value = opts[opts.selectedIndex+1].value;
    opts[opts.selectedIndex+1].text = tmp_text;
    opts[opts.selectedIndex+1].value = tmp_value;
    opts.selectedIndex = tmp_index+1;
}

function opc_anadir () {
    var opts=document.frm_opciones.opciones.options;
    // texto de la opción
    var text = prompt("<%= enc_texto_nueva_opcion %>", "");
    if (text == null) return;
    if (text == "" || text.length > 300) {
        alert (" <%= enc_alert_opcion_no_vacia %>");
        return;
    }
    // value de la opción: el max(value) de la select +1.
    var value = -1;
    for (var i=0; i<opts.length; i++) {
        value = Math.max(value, opts[i].value);
    }
    value++;
    opts[opts.length] = new Option(text, value);
}

function opc_modificar () {
    var opts=document.frm_opciones.opciones.options;
    if (!tiene_opcion_selected(opts)) return;
    // texto de la opción
    var text = prompt("<%= enc_texto_opcion %>", opts[opts.selectedIndex].text);
    if (text == "" || text.length > 300) {
        alert ("<%= enc_alert_opcion_no_vacia %>");
        return;
    }
    opts[opts.selectedIndex].text = text;
}

function opc_eliminar () {
    var opts=document.frm_opciones.opciones.options;
    if (!tiene_opcion_selected(opts)) return;
    <%if (q53_idioma.equals("C")) {%>
    	if (confirm("<%= enc_alert_pregunta_borrar_opcion %> ["+opts[opts.selectedIndex].text+"]?")) {
        opts[opts.selectedIndex] = null;
    	}
    <%}else{%>
    	if (confirm("["+opts[opts.selectedIndex].text+"] <%= enc_alert_pregunta_borrar_opcion %>?")) {
        opts[opts.selectedIndex] = null;
    	}
    <%}%>
    
}
/** FIN funciones de opciones **/

// hace visible el div con el formulario del tipo elegido, invisible el resto
// Tipos de pregunta
//      .- 0 -> de opciones
//      .- 1 -> texto libre
//      .- 3 -> de fecha
function change_tipo () {
    var tipo = document.frm_tipo.select_tipo[document.frm_tipo.select_tipo.selectedIndex].value;
    tipo=="<%= q53Constantes.TIPO_OPCIONES %>"?$("#divopciones").show(300):$("#divopciones").hide(300);
    tipo=="<%= q53Constantes.TIPO_TEXTO %>"?$("#divtexto").show(300):$("#divtexto").hide(300);
    tipo=="<%= q53Constantes.TIPO_FECHA %>"?$("#divfecha").show(300):$("#divfecha").hide(300);
}

function ocultar(){
	$('#botonAceptar').hide();
	var as=document.all['botonAceptar'];
	for (var i=0; i<as.length; i++) {
      as[i].href="#";
	}	
}

</script>
</head>


<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" class="negro" >
<!-- CABECERA -->
<jsp:include page="/q53_gen_menu.jsp" />
<!-- FIN CABECERA -->
<!-- MENU + CENTRO -->
<div class="container">	
	<div class="col-sm-1"></div>
	<div class="col-sm-12 body_encuesta">
		<div class="col-sm-12" id="cabecera_encuesta">
			<span class="textoblancobold">
	         <% if (sd.gOS("accion").equals(q53Constantes.ACCION_NUEVO)) { %>
	             <%= enc_crear_pregunta %>
	         <% } else if (sd.gOS("accion").equals(q53Constantes.ACCION_MODIFICAR)) { %>
	             <%= enc_modificar_preg %>
	         <%}%>
	         </span>
		</div>
		<div class="col-sm-12" style="padding-bottom:15px;">
			<div class="col-sm-2"></div>
			 <form name="frm_tipo" class="frmclass">
			<div class="floating-select col-sm-10">
				<label for="select_tipo"><%= enc_tipo %>:&nbsp;</label>
                <select id="select_tipo" name="select_tipo" onChange="floatSelect($(this));change_tipo();">
		             <option value=""><%= enc_tipo %>&#9660;</option>
		             <option value="<%= q53Constantes.TIPO_OPCIONES %>" <%= (tipoPregunta.equals(q53Constantes.TIPO_OPCIONES)?"selected":"") %>><%= enc_tipo_opciones %></option>
		             <option value="<%= q53Constantes.TIPO_TEXTO %>" <%= (tipoPregunta.equals(q53Constantes.TIPO_TEXTO)?"selected":"") %>><%= enc_tipo_texto %></option>
		             <option value="<%= q53Constantes.TIPO_FECHA %>" <%= (tipoPregunta.equals(q53Constantes.TIPO_FECHA)?"selected":"") %>><%= enc_tipo_fecha %></option>
		         </select>
		     </div>
	         </form>
		</div>
		<div class="col-sm-12" style="padding-bottom: 10px;">
		<div id="divopciones" 
<%if(tipoPregunta.equals(q53Constantes.TIPO_OPCIONES)){%>
	style ="display:block"
<%}else{%>
   style ="display:none;"
<%}%>>
    <form name="frm_opciones" method="post" action="/q53ItourbaskWar/q53encModificarPreguntaServlet?genEncuesta=<%=sd.gOS("genEncuesta") %>" class="frmclass">
        <input type="hidden" name="tipo_pregunta" value="<%= q53Constantes.TIPO_OPCIONES %>">
        <input type="hidden" name="cod_encuesta" value="<%= sd.gOS("cod_encuesta") %>">
        <input type="hidden" name="cod_version" value="<%= sd.gOS("cod_version") %>">
        <input type="hidden" name="recogida_datos" value="<%= sd.gOS("recogida_datos") %>">
        <% if (sd.gOS("accion").equals(q53Constantes.ACCION_NUEVO)) { %>
            <input type="hidden" name="accion" value="<%=q53Constantes.ACCION_NUEVO%>">
        <% } else if (sd.gOS("accion").equals(q53Constantes.ACCION_MODIFICAR)) { %>
            <input type="hidden" name="accion" value="<%=q53Constantes.ACCION_MODIFICAR%>">
            <input type="hidden" name="cod_pregunta" value="<%=codPregunta%>">
        <% } %>
        <div class="col-sm-12">
			<div class="col-sm-2"></div>
            <div class="col-sm-10">
                <div class="floating-placeholder">
            		<label for="descripcion_opt"><%= enc_preg_descripcion %></label>
                	<input id='descripcion_opt' name='descripcion' type='text' class='inptxt' style='width: 400px;' value='<%= (sd.gOS("accion").equals("modificar")?sd.gOS("preg[0].n1_descripcion"):"") %>'>
                </div>
            </div>
        </div>
         <div class="col-sm-12">
			<div class="col-sm-2"></div>
            <div class="col-sm-10">
                <label for="obligatoria_opt"><%= enc_obligatoria %>:&nbsp;</label>
                <label for="obligatoria_opts"><%= gen_si %></label>
                <input id="obligatoria_opts" name='obligatoria' type='radio' value="S" 
				<%if(obligatoria){%> 
					checked
				<%}%>>
                <label for="obligatoria_optn"><%= gen_no %></label>
                <input id="obligatoria_optn" name='obligatoria' type='radio' value="N" <%if(!obligatoria){%> 
					checked
				<%}%>>
             </div>
        </div>
        <div class="col-sm-12">
			<div class="col-sm-2"></div>
            <div class="col-sm-10  floating-select">
            	<label for="formato_opts"><%= enc_formato %>&#9660;</label>
                    <select id="formato_opts" name="formato" onChange="floatSelect($(this));change_tipo();">
                        <option value=""><%= enc_formato %>&#9660;</option>
                        <option value="<%= q53Constantes.FORMATO_SELECT %>" <%= (formato.equals(q53Constantes.FORMATO_SELECT)?"selected":"") %>><%= enc_select %></option>
                        <option value="<%= q53Constantes.FORMATO_CHECK %>" <%= (formato.equals(q53Constantes.FORMATO_CHECK)?"selected":"") %>><%= enc_check_box %></option>
                        <option value="<%= q53Constantes.FORMATO_RADIO %>" <%= (formato.equals(q53Constantes.FORMATO_RADIO)?"selected":"") %>><%= enc_radio_button %></option>
                    </select> 
                </div>
        </div>
        <div class="col-sm-12">
			<div class="col-sm-2"></div>
			<div class="col-sm-10">
	            <span><%= enc_consulta %></span>
				<label><%= gen_si %></label>
				<input name='consulta' type='radio' value="1" <%if(consulta){%> checked <%}%>>
				<label><%= gen_no %></label>
				<input name='consulta' type='radio' value="0" <%if(!consulta){%> checked <%}%>>
            </div>
        </div>
       <div class="col-sm-12">
			<div class="col-sm-2"></div>
            <div class="col-sm-10">
            	<div style="width:66%">
            	<table style="width:70%"><tr>
            		<td class="selectMultiple"><label style="vertical-align: top;" for="opciones_opt"><%= enc_opciones %></label>
            		<select id="opciones_opt" name="opciones" style="width:81%" size="10" multiple>
            			<%if (sd.gOS("accion").equals(q53Constantes.ACCION_MODIFICAR) && tipoPregunta.equals(q53Constantes.TIPO_OPCIONES)) {
                    // modificar pregunta. Recorro preg_pr con las opciones
			                    if(opciones != null){
			                        List opcionList = opciones.getOpcionList();
			                        if(opcionList != null && !opcionList.isEmpty()){
			                            int numOpcion = opcionList.size();
			                            for(int i=0;i<numOpcion;i++){
			                                q53OpcionBean opcion = (q53OpcionBean)opcionList.get(i);
			                                String codOpcion = opcion.getCodOpciones();
			                                String descOpcion = opcion.getDescipcionOpcion();%>
			                                <option value="<%=codOpcion%>"><%=descOpcion%></option>
			                            <%} // for
			                        }
			                    }
			                } %>
            		</select>
            		</td>
            		<td>
            		<div class="btnSelectMultiple">
	            	    <div><a href="javascript: opc_subir();" class="btn btn-dark"><%= enc_subir %></a></div>
	                    <div><a href="javascript: opc_bajar();" class="btn btn-dark "><%= enc_bajar %></a></div>
	                    <div><a href="javascript: opc_anadir();" class="btn btn-dark "><%= enc_anadir %></a></div>
	                    <div><a href="javascript: opc_modificar();" class="btn btn-dark"><%= enc_modificar %></a></div>
	                    <div><a href="javascript: opc_eliminar();" class="btn btn-dark "><%= enc_eliminar %></a></div>
            		</div>
            		</td>
            	</tr></table>
            	</div>
            </div>
        </div>
        <div class="col-sm-12">
        	<div class="col-sm-2"></div>
        	<div class="botones">
        		<a href="javascript: cancelar();" class="btn btn-dark"><%= enc_cancelar %></a>
        		<a id="botonAceptar" href="javascript: ocultar();aceptar_opciones();" class="btn btn-dark"><%= gen_aceptar %></a>
        	</div>
        </div>
    </form>
</div>
<!-- FIN DIV DE OPCIONES -->
<!-- DIV DE TEXTO -->
<div id="divtexto" <%if(tipoPregunta.equals(q53Constantes.TIPO_TEXTO)){%>
style ="display:block"
<%}else{%>
   style ="display:none;"
<%}%>>
    <form name="frm_texto" method="post" action="/q53ItourbaskWar/q53encModificarPreguntaServlet?genEncuesta=<%=sd.gOS("genEncuesta") %>" class="frmclass">
        <input type="hidden" name="tipo_pregunta" value="<%= q53Constantes.TIPO_TEXTO %>">
        <input type="hidden" name="cod_encuesta" value="<%= sd.gOS("cod_encuesta") %>">
        <input type="hidden" name="cod_version" value="<%= sd.gOS("cod_version") %>">
        <input type="hidden" name="recogida_datos" value="<%= sd.gOS("recogida_datos") %>">
        <% if (sd.gOS("accion").equals(q53Constantes.ACCION_NUEVO)) { %>
            <input type="hidden" name="accion" value="<%=q53Constantes.ACCION_NUEVO%>">
        <% } else if (sd.gOS("accion").equals(q53Constantes.ACCION_MODIFICAR)) { %>
            <input type="hidden" name="accion" value="<%=q53Constantes.ACCION_MODIFICAR%>">
            <input type="hidden" name="cod_pregunta" value="<%=codPregunta%>">
        <% } %>
        <div class="col-sm-12">
			<div class="col-sm-2"></div>
            <div class="col-sm-10">
             <div class="floating-placeholder">
            	<label for="descripcion_opt2"><%= enc_preg_descripcion %></label>
                <input id='descripcion_opt2' name='descripcion' type='text' class='inptxt' style='width: 400px;' value='<%= (sd.gOS("accion").equals(q53Constantes.ACCION_MODIFICAR)?descPregunta:"") %>'>                
             </div>
            </div>
        </div>
        <div class="col-sm-12">
			<div class="col-sm-2"></div>
            <div class="col-sm-10">
                <label for="obligatoria_opt2"><%= enc_obligatoria %>:&nbsp;</label>
                <label for="obligatoria_opts2"><%= gen_si %></label>
                <input id="obligatoria_opts2" name='obligatoria' type='radio' value="S" 
				<%if(obligatoria){%> 
					checked
				<%}%>>
                <label for="obligatoria_optn2"><%= gen_no %></label>
                <input id="obligatoria_optn2" name='obligatoria' type='radio' value="N" <%if(!obligatoria){%> 
					checked
				<%}%>>
             </div>
        </div>
        <div class="col-sm-12">
			<div class="col-sm-2"></div>
            <div class="col-sm-10">
            <div class="floating-placeholder">
             <%String tamano = "";
                  if(texto != null){
                    tamano = (new Integer(texto.getTamanioTexto())).toString();
                  }%>
                <label for="tamanio"><%= enc_tamaño %></label>
                <input id="tamanio" name='tamano' type='text' style='width: 400px;' value='<%=tamano%>'>
            </div>
            </div>
        </div>
        <div class="col-sm-12">
        	<div class="col-sm-2"></div>
        	<div class="botones">
        		<a href="javascript: cancelar();" class="btn btn-dark"><%= enc_cancelar %></a>
        		<a href="javascript: aceptar_texto();" class="btn btn-dark"><%= gen_aceptar %></a>
        	</div>
        </div>
    </form>
</div>
<!-- FIN DIV DE TEXTO -->
<!-- DIV DE FECHA KERMAN-->

<div id="divfecha" <%if(tipoPregunta.equals(q53Constantes.TIPO_FECHA)){%>
style ="display:block"
<%}else{%>
   style ="display:none;"
<%}%>>
    <form name="frm_fecha" method="post" action="/q53ItourbaskWar/q53encModificarPreguntaServlet?genEncuesta=<%=sd.gOS("genEncuesta") %>" class="frmclass">
        <input type="hidden" name="tipo_pregunta" value="<%= q53Constantes.TIPO_FECHA %>">
        <input type="hidden" name="cod_encuesta" value="<%= sd.gOS("cod_encuesta") %>">
        <input type="hidden" name="cod_version" value="<%= sd.gOS("cod_version") %>">
        <input type="hidden" name="recogida_datos" value="<%= sd.gOS("recogida_datos") %>">
        <% String fechaMax = "";
          String fechaMin = "";
          String diaMin ="";
          String diaMax ="";
          String mesMin ="";
          String mesMax ="";
          String anioMin ="";
          String anioMax ="";
          if(fecha != null){
              fechaMax = fecha.getFechaMax();
              diaMax = fechaMax.substring(0,2);
              mesMax = fechaMax.substring(3,5);
              anioMax = fechaMax.substring(6);
              fechaMin = fecha.getFechaMin();
              diaMin = fechaMin.substring(0,2);
              mesMin = fechaMin.substring(3,5);
              anioMin = fechaMin.substring(6);
          }
         if (sd.gOS("accion").equals(q53Constantes.ACCION_NUEVO)) { %>
            <input type="hidden" name="accion" value="<%=q53Constantes.ACCION_NUEVO%>">
        <% } else if (sd.gOS("accion").equals(q53Constantes.ACCION_MODIFICAR)) { %>
            <input type="hidden" name="accion" value="<%=q53Constantes.ACCION_MODIFICAR%>">
            <input type="hidden" name="cod_pregunta" value="<%= codPregunta %>">
           
            <input type="hidden" name="fecha_min_modificar" value="<%=fechaMin%>">
            <input type="hidden" name="fecha_max_modificar" value="<%=fechaMax%>">
        <% }%>
        <input type="hidden" name="fecha_min" value=''>
        <input type="hidden" name="fecha_max" value=''>
        <div class="col-sm-12">
			<div class="col-sm-2"></div>
            <div class="col-sm-10">
            <div class="floating-placeholder">
            	<label for="descripcion_opt3"><%= enc_preg_descripcion %></label>
                <input id='descripcion_opt3' name='descripcion' type='text' class='inptxt' style='width: 400px;' value='<%= (sd.gOS("accion").equals(q53Constantes.ACCION_MODIFICAR)?descPregunta:"") %>'>                
           </div>
            </div>
        </div>
        <div class="col-sm-12">
			<div class="col-sm-2"></div>
            <div class="col-sm-10">
                <label for="obligatoria_opt3"><%= enc_obligatoria %>:&nbsp;</label>
                <label for="obligatoria_opts3"><%= gen_si %></label>
                <input id="obligatoria_opts3" name='obligatoria' type='radio' value="S" 
				<%if(obligatoria){%> 
					checked
				<%}%>>
                <label for="obligatoria_optn2"><%= gen_no %></label>
                <input id="obligatoria_optn2" name='obligatoria' type='radio' value="N" <%if(!obligatoria){%> 
					checked
				<%}%>>
             </div>
        </div>
        <% if (q53_idioma.equals("C")) { %>
        <div class="col-sm-12">
			<div class="col-sm-2"></div>
			<div class="col-sm-10">
			    <label for="dia_min"><%= enc_fecha_min %></label>
                <select id='dia_min' name='dia_min' style='width: 40px;'>
                    <%for(int k=1;k<32;k++){
                        String kDia = "";
                        if(k<10){
                            kDia = "0"+k;
                        }else{
                            kDia = ""+k;
                        }if(diaMin.equals(kDia)){%>
                            <option value="<%=kDia%>" selected><%=k%></option>
                        <%}else{%>
                            <option value="<%=kDia%>"><%=k%></option>
                        <%}%>
                    <%}%>
                 </select>
                 <select name='mes_min' style='width: 100px;'>
                    <%if(sd.getVal("literalesCalendario")!= null){
                        List calendarioList = (List)sd.getVal("literalesCalendario");
                        if(calendarioList != null && !calendarioList.isEmpty()){
                            int n = calendarioList.size()+1;
                            String value = "0";
                            for(int i=1;i<n;i++){
								
                                if(i<10){
                                    value="0"+i;
                                }else{
                                    value=""+i;
                                 }
                                String name = (String)calendarioList.get(i-1);
								
                                if(mesMin.equals(value)){%>
                                    <option value="<%=value%>" selected><%=name%></option>
                                <%}else{%>
                                    <option value="<%=value%>"><%=name%></option>
                                <%}
                                }
                        }
                      }%>
                    </select>
                    <input name='anio_min' type='text' style='width: 50px;' value='<%=anioMin%>'>
                 </div>
              </div>
              <div class="col-sm-12">
				<div class="col-sm-2"></div>
				<div class="col-sm-10">
                 
                 <label for="dia_max"><%= enc_fecha_max %></label>
                 <select name='dia_max' style='width: 40px;'>
                    <%for(int k=1;k<32;k++){
                        String kDia = "";
                        if(k<10){
                            kDia = "0"+k;
                        }else{
                            kDia = ""+k;
                        }if(diaMax.equals(kDia)){%>
                            <option value="<%=kDia%>" selected><%=k%></option>
                        <%}else{%>
                            <option value="<%=kDia%>"><%=k%></option>
                        <%}%>
                    <%}%>
                    </select>
                    <select name='mes_max' style='width: 100px;'>
                         <%if(sd.getVal("literalesCalendario")!= null){
                        List calendarioList = (List)sd.getVal("literalesCalendario");
                        if(calendarioList != null && !calendarioList.isEmpty()){
                            int n = calendarioList.size()+1;
                            String value = "0";
                            for(int i=1;i<n;i++){
								
                                if(i<10){
                                    value="0"+i;
                                }else{
                                    value=""+i;
                                 }
                                String name = (String)calendarioList.get(i-1);
                                if(mesMin.equals(value)){%>
                                    <option value="<%=value%>" selected><%=name%></option>
                                <%}else{%>
                                    <option value="<%=value%>"><%=name%></option>
                                <%} 
                            }
                        }
                      }%>
                    </select>
                    <input name='anio_max' type='text' style='width: 50px;' value='<%=anioMax%>'>
			</div>
		</div>
     <% } else { %>
     	<div class="col-sm-12">
			<div class="col-sm-2"></div>
			<div class="col-sm-10">
			    <label for="dia_min"><%= enc_fecha_min %></label>
                    <input name='anio_min' type='text' style='width: 50px;' value='<%=anioMin%>'>
                    <select name='mes_min' style='width: 80px;'>
                    <%if(sd.getVal("literalesCalendario")!= null){
                        List calendarioList = (List)sd.getVal("literalesCalendario");
                        if(calendarioList != null && !calendarioList.isEmpty()){
                            int n = calendarioList.size()+1;
                            String value = "0";
                            for(int i=1;i<n;i++){
								
                                if(i<10){
                                    value="0"+i;
                                }else{
                                    value=""+i;
                                 }
                                String name = (String)calendarioList.get(i-1);
								
                                if(mesMin.equals(value)){%>
                                    <option value="<%=value%>" selected><%=name%></option>
                                <%}else{%>
                                    <option value="<%=value%>"><%=name%></option>
                                <%}
                                }
                        }
                      }%>
                    </select>
                    <select name='dia_min' style='width: 40px;'>
                    <%for(int k=1;k<32;k++){
                        String kDia = "";
                        if(k<10){
                            kDia = "0"+k;
                        }else{
                            kDia = ""+k;
                        }if(diaMin.equals(kDia)){%>
                            <option value="<%=kDia%>" selected><%=k%></option>
                        <%}else{%>
                            <option value="<%=kDia%>"><%=k%></option>
                        <%}%>
                    <%}%>
                    </select>
                <label for="dia_min"><%= enc_fecha_max %></label>
                <input name='anio_max' type='text' style='width: 50px;' value='<%=anioMax%>'>
                    <select name='mes_max'  style='width: 80px;'>
                         <%if(sd.getVal("literalesCalendario")!= null){
                        List calendarioList = (List)sd.getVal("literalesCalendario");
                        if(calendarioList != null && !calendarioList.isEmpty()){
                            int n = calendarioList.size()+1;
                            String value = "0";
                            for(int i=1;i<n;i++){
                                if(i<10){
                                    value="0"+i;
                                }else{
                                    value=""+i;
                                 }
                                String name = (String)calendarioList.get(i-1);
                                if(mesMin.equals(value)){%>
                                    <option value="<%=value%>" selected><%=name%></option>
                                <%}else{%>
                                    <option value="<%=value%>"><%=name%></option>
                                <%} 
                            }
                        }
                      }%>
                    </select>
                    <select name='dia_max' style='width: 40px;'>
                    <%for(int k=1;k<32;k++){
                        String kDia = "";
                        if(k<10){
                            kDia = "0"+k;
                        }else{
                            kDia = ""+k;
                        }if(diaMax.equals(kDia)){%>
                            <option value="<%=kDia%>" selected><%=k%></option>
                        <%}else{%>
                            <option value="<%=kDia%>"><%=k%></option>
                        <%}%>
                    <%}%>
                    </select>
                </div>
           </div>
<% } %>
		<div class="col-sm-12">
        	<div class="col-sm-2"></div>
        	<div class="botones">
        		<a href="javascript: cancelar();" class="btn btn-dark"><%= enc_cancelar %></a>
        		<a href="javascript: aceptar_fecha();" class="btn btn-dark"><%= gen_aceptar %></a>
        	</div>
        </div>
    </form>
</div>
<!-- FIN DIV DE FECHA KERMAN-->
		</div>
	</div>
</div>
<!-- DIV DE OPCIONES -->
<script src="/appcont/itourbask/scripts/floating-labels.js"></script>
</body>
</html>
