<!--Header-->
<%- include("template_user/heder.ejs") %>
<body class="hold-transition sidebar-mini layout-fixed">
<div class="wrapper">

  <!-- Loding Aqui va el monito de cargando-->
    <%- include("template_user/loading.ejs") %>
  <!-- / Loding -->

  <!-- Navbar -->
    <%- include("template_user/menuadmin.ejs") %>
  <!-- /.navbar -->

  <!-- Aside Main Sidebar Container -->
<!--------------------------------------------------------------------------------------------------------->
 <%- include("template_user/asaid.ejs") %>

 <!------------------------------------------------------------------------------------------------------------>
 <!-- /.Aside -->

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <div style="p-2 bg-light border">&nbsp;</div>
    <!-- Content Header (Page header) -->
      <!--Breadcrumbs
      < % - include("template_admin/breadcrumbs.ejs") %>-->
      <!--Breadcrumbs-->
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid w-75 p-2 bg-light rounded" style="border:1px solid #ddd">
        <!-- Small boxes (Stat box) -->
        <div class=" p-1">

<!--------------------------------------------------------------------------------------------------->
            <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!=''){
                        %>
                          <div class="cincuenta floatleft">
                            <img src="<%=elValorCampos%>" alt="" width="100%"> 
                          </div>
                          <!--<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>
                        
                        <% 
                          }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 <%= buttonSiguiente %>" 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">
      
                  </div>
    <!------------------hidden----------------------------------------------------------------------------------------------------------->
    
            </form>
<!------------------------hidden----------------------------------------------------------------------------------------------------->

        </div>
        <!-- /.row -->
      </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
  <footer class="main-footer">
    <strong>Copyright &copy; 2014-2021 <a href="https://adminlte.io">AdminLTE.io</a>.</strong>
    All rights reserved.
    <div class="float-right d-none d-sm-inline-block">
      <b>Version</b> 3.2.0
    </div>
  </footer>

  <!-- Control Sidebar -->
    <!--Footer B -->
    <%- include("template_user/footerb.ejs") %>
    <!--/Footer B -->

    <!--Footer -->
    <%- include("template_user/footer.ejs") %>
    <!--/Footer -->
</body>
</html>
