<?php

  $cod_encuesta = '285151'; // Utilizando esta variable para simular el entorno con el código de encuesta indicado

  $nom_tabla_surveys = 'tb_resultados_prueba1';
  
?>

<!-- <div class="col-md-3 left_col"> -->
<div class="col-md-3 left_col menu_fixed mCustomScrollbar _mCS_1 mCS-autoHide" style="overflow: visible;">
  <div class="left_col scroll-view">
    <div class="navbar nav_title" style="border: 0; background-color:rgb(255,255,255);" align="center" id="div_menu">
      <a href="http://www.entel.pe/" class="site_title">
        <img src="images/logos/entel.png" width="50px" height="35px">
      </a>
    </div>
    
    <div class="clearfix"></div>

    <div class="main_menu_side hidden-print main_menu">
      <div class="x_panel" style="background-color:rgb(74,74,74)">
          <div class="x_title">
            <h2 style="font-size: 13px; font">
                <font color="white">
                  Filtros de datos
                </font>
            </h2>
            <div class="clearfix"></div>
          </div>
          <div class="x_content">
            <form>
              <!-- Estableciendo filtros fijos -->
              <div class="form-group">
                <!-- Cargando Encuestas de cliente -->
                <div class="col-md-12 col-sm-12 col-xs-12">
                  <font color="white">
                    Encuesta
                  </font>
                  <select class="form-control" id="filter_encuesta" name='v_filter_encuesta' onchange="f_cargaanhos(1)" style="font-size: 12px; padding: 2px">
                    <!-- Se cargan los options con Ajax -->
                  </select>
                </div>

                <!-- Cargando Años -->
                <div class="col-md-12 col-sm-12 col-xs-12">
                  <font color="white">
                    Año
                  </font>
                  <select class="form-control" id="filter_anho" name='v_filter_anho' onchange="f_cargameses()" style="font-size: 12px; padding: 2px">
                    <!-- Se cargan los options con Ajax -->
                  </select>
                </div>

                <!-- Cargando Meses -->
                <div class="col-md-12 col-sm-12 col-xs-12">
                  <font color="white">
                    Mes
                  </font>
                  <select class="form-control" id="filter_mes" name='v_filter_mes' style="font-size: 12px; padding: 2px">
                    <!-- Se cargan los options con Ajax -->
                  </select>
                </div>
              </div>

              <!-- Armando los filtros dinámicos -->
              <?php
                $id_filter = 0;
                $es_padre = 0;
                $onchange = '';

                $query = "SELECT id, cod_pregunta, where_pregunta, etiqueta_pregunta, filtro_padre, where_pregunta_hijo FROM tb_config_FiltrosReporteria WHERE cod_encuesta = '".$cod_encuesta."' ORDER BY orden_filtro";

                if ($res_div = mysqli_query($enlace, $query)) {
                  if (mysqli_num_rows($res_div) > 0) {
                    $num_filtros = mysqli_num_rows($res_div); // Obteniendo el número de filtros que se van a crear
                    while($row_div = mysqli_fetch_assoc($res_div)) {
                      $id_filter = $id_filter + 1;

                      // Esto verifica si el filtro anterior fue padre
                      // Si fue padre los elementos del <Select> no se deben cargar ya que serán cargado por la función java del "onchange" del padre
                      if ($es_padre == 1){
                        // Por programar....
                      }

                      if($row_div["filtro_padre"] == 1){
                        $es_padre = 1; // Se utilizará para verificar si el siguiente filtro es hijo
                        
                        $newid_filter = $id_filter + 1;
                        $onchange = 'onchange="f_cargafiltro'.$newid_filter.'()"';
                      }

                      echo '<div class="form-group">';
                      echo '<div class="col-md-12 col-sm-12 col-xs-12">';
                      echo '<font color="white">';
                      echo $row_div["etiqueta_pregunta"];
                      echo '</font>';
                      echo '<select class="form-control" id="filter_'.$id_filter.'" name="v_filter_'.$id_filter.'" '.$onchange.' style="font-size: 12px; padding: 2px">';

                            echo '<option value="">Seleccione una opción</option>';

                      // Listas de alternativas
                      $query = "SELECT valor_filtro, etiqueta_filtro FROM tb_config_FiltrosEtiquetas WHERE cod_filtro = '".$row_div["id"]."' ORDER BY etiqueta_orden";

                      if ($res_item = mysqli_query($enlace, $query)) {
                        if (mysqli_num_rows($res_item) > 0) {
                          while($row_lista = mysqli_fetch_assoc($res_item)) {
                            $value1 = $row_div["cod_pregunta"]."='".$row_lista["valor_filtro"]."'";
                            $value2 = $row_lista["valor_filtro"];
                            $value3 = $row_div["where_pregunta_hijo"]; // Si es padre, se utilizará para cargar el filtro hijo

                            $value = $value1."|".$value2."|".$value3;

                            echo '<option value="'.$value.'">'.$row_lista["etiqueta_filtro"].'</option>';

                          }
                        }
                        mysqli_free_result($res_item);
                      }

                      echo '</select>';
                      echo '</div>';
                      echo '</div>';
                    }
                  }
                  mysqli_free_result($res_div);
                }
              ?>

              <div class="form-group">
                <div class="col-md-12 col-sm-12 col-xs-12">
                  <div class="ln_solid"></div>
                </div>
              </div>
              <div class="form-group">
                <div class="col-md-2 col-sm-12 col-xs-12">
                </div>
                <div class="col-md-2 col-sm-12 col-xs-12">
                  <?php
                    echo '<button type="button" class="btn btn-primary" onclick="fload_indicadoresprincipales('.$num_filtros.')">Procesar reporte</button>';
                  ?>
                </div>
              </div>
            </form>
          </div>
      </div>
    </div>
  </div>
</div>

<!-- /menu footer buttons -->
<div class="sidebar-footer hidden-small" style="background-color:rgb(255,255,255); max-height: 49px; height: 49px">
  <center>
    <img src="images/logos/madison2.png" width="230px" height="55px" style="margin-top: -5px">
  </center>
  <!-- <a data-toggle="tooltip" data-placement="top" title="Settings">
    <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
  </a>
  <a data-toggle="tooltip" data-placement="top" title="FullScreen">
    <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
  </a>
  <a data-toggle="tooltip" data-placement="top" title="Lock">
    <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
  </a>
  <a data-toggle="tooltip" data-placement="top" title="Cerrar Sesión" href="cerrarsesion.php">
    <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
  </a> -->
</div>
<!-- /menu footer buttons -->

<!-- top navigation -->
<div class="top_nav">
  <div class="nav_menu">
    <nav>
      <!-- <div class="nav toggle">
        <a id="menu_toggle"><i class="fa fa-bars"></i></a>
      </div> -->

      <ul class="nav navbar-nav navbar-right">
        <li class="">
          <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
            <?php echo $_SESSION["nombre"]; ?>
            <span class=" fa fa-angle-down"></span>
          </a>
          <ul class="dropdown-menu dropdown-usermenu pull-right">
            <li><a href="cerrarsesion.php"><i class="fa fa-sign-out pull-right"></i> Cerrar Sesión</a></li>
          </ul>
        </li>
      </ul>
    </nav>
  </div>
</div>
