<?php
  $seccion      = 'Encuestas > Respuestas';
  $position     = '../../../../';

  require_once($position.'../switch/access.php');
  require_once($position.'assets/global.php');
  require_once($position.'assets/session.php');
  require_once($position.'assets/funciones.php');

  if(isset($_GET['id'])){

    //Encuesta
    $query = "
      SELECT
        enc.id,
        enc.fechainicio, enc.fechalimite,
        enc.nombre, enc.activo,
        usrtip.nombre AS tipo_usr,
        cli.nombre AS cliente
      FROM encuestas enc
      LEFT JOIN clientes cli ON cli.Id = enc.fk_cliente
      LEFT JOIN usuarios_tipos usrtip ON usrtip.Id = enc.fk_usuario_tipo

			WHERE enc.id = '$_GET[id]'
		";
    $result  = mysqli_query($mysqli, $query);
    $enc   = mysqli_fetch_assoc($result);

    //Respuestas
    $query = "
      SELECT
        res.id,
        res.fecha, res.fk_usuario,
        usr.id AS user_id,
        CONCAT(usr.nombre,' ',usr.apellido_paterno,' ',usr.apellido_materno) AS nombre,
        usr.email
      FROM encuestas_respuestas res
      LEFT JOIN usuarios_app usr ON usr.id = res.fk_usuario
      WHERE
        res.fk_encuesta = '$enc[id]'
      ORDER BY res.fecha DESC
    ";
    $Respuestas = mysqli_query($mysqli, $query);

	}

?>
<!DOCTYPE html>
<html lang="es_MX">
  <?php require_once($position.'head.php'); ?>

  <body class="loading" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "dark", "size": "default", "showuser": false}, "topbar": {"color": "light"}, "showRightSidebarOnPageLoad": false}'>

    <!-- Pagina de inicio -->
    <div id="wrapper">

      <!-- ========== Inicio nav-izq ========== -->
      <?php include_once($position.'assets/nav.php'); ?>
      <!-- Fin nav-izq -->

      <!-- ============================================================== -->
      <!-- Incio de Contenido -->
      <!-- ============================================================== -->

      <div class="content-page">
        <div class="content">

          <!-- Topbar -->
          <?php include_once($position.'assets/topbar.php'); ?>
          <!-- /Topbar -->

            <!-- Content-->
            <div class="container-fluid">

              <!-- page title -->
              <div class="row">
                <div class="col-12">
                  <div class="page-title-box">
                    <h4 class="page-title"><?php echo $seccion; ?></h4>
                    <div class="page-title-right">
                      <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="<?php echo $dir; ?>inicio/">Inicio</a></li>
                        <li class="breadcrumb-item active"><?php echo $seccion; ?></li>
                      </ol>
                    </div>
                  </div>
                </div>
              </div>
              <!-- /page title -->

              <!-- Botones -->
  						<div class="row">
  							<div class="col-12 text-right">

                  <!-- Btn Regresar -->
                  <button type="button" class="btn btn-white btn-sm" onclick="window.location.href='../index.php?id=<?php echo $enc[id]; ?>'">
                    <i class="fe-arrow-left"></i>&nbsp; Regresar
                  </button>
                  <!-- End Btn Regresar -->

  							</div>
  							<div class="col-12" style="height: 5px;">&nbsp;</div>
  						</div>
              <!-- End Botones -->

              <!-- Datos de Encuesta -->
              <div class="row">
                <div class="col-12">
                  <div class="card">
                    <div class="card-body">

                      <h4 class="header-title">Encuesta</h4>

                      <p>
                        <?php echo $enc[nombre]; ?>
                        <br>
                        <?php echo $enc['cliente']; ?>
                        <br>
                        <i class="fa fa-user text-success m-r-5"></i>
                        <?php echo $enc['tipo_usr']; ?>
                        <br>
                        <i class="fa fa-calendar text-success m-r-5"></i>
                        <?php echo cambio_fecha_numerica_texto($enc['fechainicio']); ?>
                        <br>
                        <i class="fa fa-calendar text-danger m-r-5"></i>
                        <?php echo cambio_fecha_numerica_texto($enc['fechalimite']); ?>
                        <br>
                      </p>

                    </div>
                  </div>
                </div>
              </div>
              <!-- End Datos de Encuesta -->

  						<!-- Respuestas -->
              <div class="row">
                <div class="col-12">
                  <div class="card">
                      <div class="card-body">
                        <h4 class="header-title">Lista de Respuestas</h4>
                        <p class="text-muted font-13 mb-4">
                          Respuestas
                        </p>

                        <!-- Tabla -->
                        <table id="" class="table dt-responsive nowrap w-100">
                          <thead>
                            <tr>
                              <th>Usuario</th>
                              <th>Fecha</th>
                              <th style="width:150px;"></th>
                              <!-- <th style="width:20px;"></th> -->
                            </tr>
                          </thead>
                          <tbody>
                            <?php
                              mysqli_data_seek($Respuestas, 0);
                              while($res = mysqli_fetch_array($Respuestas)) {
                            ?>
                              <tr>

                                <!-- Nombre -->
                                <td>
                                  <?php echo $res['nombre']; ?>
                                </td>
                                <!-- End Nombre -->

                                <!-- Fechas -->
                                <td>
                                  <div>
                                    <i class="fa fa-calendar text-success"></i>
                                    <?php echo cambio_fecha_numerica_texto(date('Y-m-d', strtotime($res['fecha']))); ?>
                                  </div>
                                  <div>
                                    <i class="fe-clock text-success"></i>
                                    <?php echo date('H:i', strtotime($res['fecha'])); ?>
                                  </div>
                                </td>
                                <!-- End Fechas -->

                                <!-- Btn Editar -->
                                <td>
                                  <button
                                  type="button"
                                    class="btn btn-outline-secondary waves-effect btn-xs Btn-Respuestas"
                                    data-id="<?php echo $enc[id]; ?>"
                                    data-usr="<?php echo $res[user_id]; ?>"
                                    data-resid="<?php echo $res[id]; ?>"
                                  >
                                    <i class="fa fa-file"></i>
                                    Ver Respuesta
                                  </button>
                                </td>
                                <!-- End Btn Editar -->

                                <!-- Btn Borrar --
                                <td>
                                  <a class="btn btn-primary waves-effect waves-light btn-xs" href="#?id=<?php echo $enc['id'];?>">
                                    <i class="fa fa-times"></i>
                                  </a>
                                </td>
                                <!-- End Btn Borrar -->

                              </tr>
						               <?php } ?>
                        </tbody>
                      </table>
                      <!-- End Tabla -->

                    </div> <!-- end card body-->
                  </div> <!-- end card -->
                </div><!-- end col-->
              </div>
              <!-- End Respuestas -->

            </div> <!-- /container -->

        </div> <!-- /content -->

        <!-- Modal Respuestas -->
        <div
          id="Modal-Respuestas"
          class="modal fade"
          tabindex="-1"
          role="dialog"
          aria-labelledby="myModalLabel"
          aria-hidden="true"
        >
          <div class="modal-dialog modal-lg">
            <div class="modal-content">
              <div class="modal-header">
                <h4 class="modal-title">
                  Respuestas
                </h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
              </div>
              <div class="modal-body text-center Respuestas-In">
              </div>
              <div class="modal-footer">

                <!-- Btn Cerrar -->
                <button
                  type="button"
                  class="btn btn-secondary waves-effect"
                  data-dismiss="modal"
                >
                  Cerrar
                </button>
                <!-- End Btn Cerrar -->

              </div>
            </div>
            <!-- /.modal-content -->
          </div>
        </div>
        <!-- End Modal Respuestas -->

        <!-- Footer -->
        <?php include_once($position.'assets/footer.php'); ?>
        <!-- /Footer -->

      </div>

      <!-- ============================================================== -->
      <!-- Fin de Contenido -->
      <!-- ============================================================== -->


    </div>
    <!--  /wrapper -->

    <?php require_once($position.'scripts.php') ?>

    <script>

      $(document).ready(function() {

        //Eliminar File
        $(document.body).on('click', '.Btn-Respuestas' ,function(){
          var id      = $(this).data('id');
          var resid   = $(this).data('resid');
          var usr     = $(this).data('usr');

          console.log(id+' - '+usr);

          $.post("respuestas.php",
          { id: id, resid: resid, usr: usr },
          function(data){
            console.log(data);
            $('.Respuestas-In').html(data);
            $('#Modal-Respuestas').modal('toggle');
          });

        });

      });

    </script>

  </body>

</html>
