<!--Header-->
<% dondeEsto = "consultar"; %>
<%- include("../template_admin/heder.ejs") %>
<head>

    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.1/css/dataTables.bootstrap5.min.css">
    <link rel="stylesheet" href="/registro/css/style2.css">

</head>
<body class="hold-transition sidebar-mini layout-fixed">
<div class="wrapper">

  <!-- Loding Aqui va el monito de cargando-->
    <%- include("../template_admin/loading.ejs") %>
  <!-- / Loding -->

  <!-- Navbar -->
  <% dde = "Formularios"; %>
  <%- include("../template_admin/menuadmin.ejs", {dde}) %>
  <!-- /.navbar -->

  <!-- Aside Main Sidebar Container -->
 <%- include("../template_admin/asaid.ejs") %>
 <!-- /.Aside -->

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <div style="p-2">&nbsp;</div>

    <!-- Main content -->
    <section class="content bg-light" style="float:left">
      <div class="container-fluid w-75 p-5 bg-light" >
        <form action="newRegis_cont" method="post" id="theForm" enctype='multipart/form-data'>
<!--------------------------------------------------------------------------------------------------->

            <div class="mb-5">
                <h5>Perfil - <%= results[0].cuestionarionombre %></h5>

                <%
                  if(blokes.length>1){
                    if(blok == 1){
                      porcentaje = 30;
                      buttonSiguiente = 'dos';
                    }else if(blok == 2){
                      porcentaje = 60;
                      buttonSiguiente = 'final';
                    }else{
                      porcentaje = 50;
                    }
                  }else{
                    porcentaje = 50;
                    buttonSiguiente = 'final';
                  }
                %>

                <div class="row align-items-start p-3">
                  <div class="col text-start">
                    <button type="submit" id="user" name="user"  class="btn btn-outline-info" >Usuario</button>
                  </div>
                  <% 
                  
                  blokes.forEach((bloques)=>{
                    if(blok == bloques.posicion){
                      tipoBoton = 'btn-info';
                      
                      blokesito = bloques.id_ctrl_bloke;
                      ideventoo = bloques.id_ctrl_cuest;
                    }else{
                      tipoBoton = 'btn-outline-info';
                    }

                    if(bloques.posicion==1){
                        idBtn = 'uno';
                    }else if(bloques.posicion==2){
                        idBtn = 'dos';
                    }else{
                        idBtn = 'user';
                    }
                  %>

                  <div class="col">
                    
                    <a href=""><input type="submit" id="<%= idBtn %>" name="<%= idBtn %>" value="<%= bloques.nombre %>" class="btn <%= tipoBoton %>" ></a>
                  </div>
                  <%

                    })

                  %>
                </div>
                <!--
                  <span class="ml-auto"><a href="/" class="forgot-pass"><i class="fa-sharp fa-solid fa-chevron-left"></i> Regresar</a></span> 
                  <h5 class="text-primary">< % = evento % ></h5>
                -->
              
              </div>
              <%
             

              results.forEach((camps)=>{
                  let campo =  camps.nombre_campo;
                  const bloke =  camps.id_ctrl_bloke;
  
                  if(camps.principal == 'correo' || camps.principal == 'nombre' || camps.principal == 'nombre2' || camps.principal == 'requerido'){let requieres = 'required="required"';}
                  else{let requieres = '';}
                  let tamano;
                 
                  if(camps.tamano ==100){ tamano='cien';}
                  else if(camps.tamano < 100 && camps.tamano >= 50){ tamano='cincuenta';}
                  else if(camps.tamano < 49 && camps.tamano >= 40){ tamano='cuarenta';}
                  else if(camps.tamano < 39 && camps.tamano >= 30){ tamano='treinta';}
                  else if(camps.tamano < 29 && camps.tamano >= 20){ tamano='veinte';}
                  else if(camps.tamano < 19 && camps.tamano >= 10){ tamano='diez';}
                  else if(camps.tamano < 9 && camps.tamano >= 0){ tamano='cinco';}
                  else{tamano='cien';}
                  
                  if(campo.length > 40){nombreCampo = campo.substr(0,40)+"...";}
                  else{nombreCampo = campo;}
                  
                  
                  if(camps.tipo_dato != "checkbox" && camps.tipo_dato != "dividir" && camps.tipo_dato != "imagen" && camps.tipo_dato != "salto" && camps.tipo_dato != "desplegable"){ 
                    let elIdDElCampo = camps.id_campo;

                    let elValorCampos = datsReg[0][elIdDElCampo];
                    %>    
                  <div class="<%= tamano %> padding_10 floatleft" style="float:left"> <!-- input-group-->
                      <label for=""><%= nombreCampo %></label><!---->
                  <!-- <label for="<%= camps.id_campo %>"><%= camps.nombre_campo %></label>class="input-group-text" -->
    
                <% if (camps.tipo_dato  == "texto"){  %>    
                  <input type="text" class="form-control" placeholder="<%= nombreCampo %>" name="<%= camps.id_campo %>" id="<%= camps.id_campo %>" value="<%= elValorCampos %>">
                <% } else if (camps.tipo_dato  == "combo_texto") { %>    
                    <textarea class="form-control" placeholder="<%= nombreCampo %>" name="<%= camps.id_campo %>" id="<%= camps.id_campo %>" ><%= elValorCampos %></textarea>
                <% }  else if (camps.tipo_dato  == "link") { %>    
                    <input type="file" class="form-control" placeholder="<%= nombreCampo %>" name="<%= camps.id_campo %>" id="<%= camps.id_campo %>" value="<%= elValorCampos %>">
                <%  } if (camps.tipo_dato  == "desplegable") { %>    
                    <select class="form-control" id="<%= camps.id_campo %>" name="<%= camps.id_campo %>">
                      <option selected><%= nombreCampo %></option>
                      <option value="1">One</option>
                      <option value="2">Two</option>
                      <option value="3">Three</option>
                    </select>
                <% } %> 
                 
                  </div>
                <% } %>
    
                <!--Ya no aplica la estructura de 30-->
                <!--
                  <% if (camps.tipo_dato  == "salto") { %>  
                  <div class="p-3" style="width: 100%; border: 0; height: 12px; box-shadow: inset 0 12px 12px -12px #DCDCDC;">&nbsp;</div>
                  <% }%>
                -->
    
                <% if (camps.tipo_dato  == "checkbox") {    
                  let elIdDElCampo = camps.id_campo;
                  let elValorCampos = datsReg[0][elIdDElCampo];

                  let chedeadito = '';
                  if(elValorCampos =='on'){chedeadito='checked';}else{chedeadito='';}
                %>  
                  <div class="<%= tamano %> padding_10 floatleft">
                    <input class="form-check-input" type="checkbox" value="on" id="<%= camps.id_campo %>" name="<%= camps.id_campo %>" <%= chedeadito %>>
                    <label class="form-check-label" for="<%= camps.id_campo %>">
                      <%= nombreCampo %>
                    </label>
                  </div>
                <% } 

                  if (camps.tipo_dato  == "imagen") { 
                  let elIdDElCampo = camps.id_campo;
                  let elValorCampos = datsReg[0][elIdDElCampo]; 

                %>  
                    <div class="<%= tamano %> padding_10 floatleft">
                    
                    <%
                      if(elValorCampos!=''){
                    %>
                      <!--<a href="C://wamp64/www/1.Javascript/eventstotalmanager/files_users/YamilVelasco.JPG" download="">Ver</a>
                      C://wamp64/www/1.Javascript/eventstotalmanager/<%= elValorCampos %>-->
                      <div class="cincuenta floatleft padding_10">
                        <label class="" name="uploaded_file"  for="inputGroupFile01"><%= nombreCampo %></label>
                        <input type="file" name="<%= camps.id_campo %>" class="form-control" id="inputGroupFile01">
                      </div>
                    
                      <div class="floatleft">
                        <img src="<%=elValorCampos%>" alt="" width="100px"> 
                      </div>
                    <% 
                      }else{
                    %>
                      <label class="" name="uploaded_file"  for="inputGroupFile01"><%= nombreCampo %></label>
                      <input type="file" name="<%= camps.id_campo %>" class="form-control" id="inputGroupFile01">
                    <%
                      }
                    %>
                    
                    </div>
                <% }
                if (camps.tipo_dato  == "dividir") { %>  
                  <div class="cien padding_10 floatleft">    
                    <legend class="fs-2"><%= camps.nombre_campo %></legend><hr>
                  </div>
                <% } 
                %>
    
                <% 
                  }) 
                %>
  
          <!--/OK-->  
              <div class="cien padding_10 floatleft">    
                <input type="submit" value="Siguiente" id="continuar" name="<%= buttonSiguiente %>" class="btn btn-block btn-primary treinta" >
                
                <input type="hidden" class="" value="<%= id_ctrl %>" id="id_ctrl" name="id_ctrl">
                <input type="hidden" class="" value="<%= idcuest %>" id="idcuest" name="idcuest">
                <input type="hidden" class="" value="<%= blok %>" id="blok" name="blok">
                <input type="hidden" class="" value="<%= blokesito %>" id="blokesito" name="blokesito">
                <input type="hidden" class="" value="<%= ideventoo %>" id="ideventoo" name="ideventoo">
                <input type="hidden" class="hidden" value="<%= aDondeRegreso %>" id="aDondeRegreso" name="aDondeRegreso">
  
              </div>
<!------------------hidden----------------------------------------------------------------------------------------------------------->

        </form>
      </div>
    </section>
    <!-- /.content -->

  </div>
  <!-- /.content-wrapper -->
  <footer class="main-footer">
    <strong>Copyright &copy; 2023 <a href="https://grupoastec.com">Grupo ASTEC</a>.</strong>
    <div class="float-right d-none d-sm-inline-block">
      <b>Version</b> 1.0.1
    </div>
  </footer>

  <!-- Control Sidebar -->
    <!--Footer B -->
    <%- include("../template_admin/footerb.ejs") %>
    <!--/Footer B -->

    <!--Footer -->
    <%- include("../template_admin/footer.ejs") %>
    <!--/Footer -->


</div>
</body>
</html>
