<?php
/*
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */
require_once './modelos/Consultas.php';
$dbManager = new Consultas();
$sedes = $dbManager->todosSede();
$departamentos = $dbManager->todosDeptos();
$empleados = $dbManager->todosEmpleados();
?>
<div class="panel-group">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" href="#collapse1">Elije los criterios de busqueda</a>
        <div class="pull-right"><a data-toggle="collapse" href="#collapse1">cerrar / abrir</a></div>
      </h4>
    </div>
    <div id="collapse1" class="panel-collapse collapse in">
      <div class="panel-body">
        <form id="form-consulta" class="form-horizontal " onsubmit="return false;" >
          <fieldset>



            <!-- Multiple Radios -->
            <div class="form-group">
              <label class="col-md-4 control-label" for="TipoReporte">Tipo de Reporte</label>
              <div class="col-md-4">
                <div class="radio">
                  <label for="TipoReporte-0">
                    <input type="radio" name="TipoReporte" id="TipoReporte-0" value="1" checked="checked">
                    Marcaron
                  </label>
                </div>
                <div class="radio">
                  <label for="TipoReporte-1">
                    <input type="radio" name="TipoReporte" id="TipoReporte-1" value="2">
                    Llegadas y Salidas
                  </label>
                </div>
                <div class="radio">
                  <label for="TipoReporte-2">
                    <input type="radio" name="TipoReporte" id="TipoReporte-2" value="3">
                    Tiempo de Trabajo
                  </label>
                </div>
              </div>
            </div>




            <!-- Prepended text-->
            <div class="form-group">
              <label class="col-md-4 control-label" for="fechaDesde">Fechas</label>
              <div class="col-md-6">
                <div class="input-group">
                  <span class="input-group-addon">desde</span>
                  <input id="fechaDesde" name="fechaDesde" class="form-control" 
                         placeholder="selecciona el rango de fechas a evaluar" 
                         type="text" required="" value="<?php echo date('Y-m-d') ?>" />
                </div>
              </div>

              <label class="col-md-4 control-label" for="fechaHasta"></label>
              <div class="col-md-6">
                <div class="input-group">
                  <span class="input-group-addon">hasta</span>
                  <input id="fechaHasta" name="fechaHasta" class="form-control" 
                         placeholder="selecciona el rango de fechas a evaluar" 
                         type="text" required="" value="<?php echo date('Y-m-d') ?>" />
                </div>
              </div>
            </div>

            <!-- Select Basic -->
            <div class="form-group">
              <label class="col-md-4 control-label" for="sede">Sede</label>
              <div class="col-md-4">
                <select id="sede" name="sede" class="form-control" required="">
                  <option value="00">TODO</option>
                  <?php foreach($sedes as $Sede): ?>
                    <option value="<?php echo $Sede->sedeEmp ?>"><?php echo $Sede->sedeEmp ?></option>
                  <?php endforeach; ?>
                </select>
              </div>
            </div>

            <!-- Select Basic -->
            <div class="form-group">
              <label class="col-md-4 control-label" for="depto">Departamento / Proceso</label>
              <div class="col-md-6">
                <select id="depto" name="depto" class="form-control" required="">
                  <option value="00">TODO</option>                  
                  <?php foreach($departamentos as $Depto): ?>
                    <option data-sede="<?php echo $Depto->sedeEmp ?>" value="<?php echo $Depto->deptoEmp ?>" ><?php echo $Depto->deptoEmp ?></option>
                  <?php endforeach; ?>
                </select>
              </div>
            </div>

            <!-- Select Basic -->
            <div class="form-group">
              <label class="col-md-4 control-label" for="empleado">Empleado</label>
              <div class="col-md-8">
                <select id="empleado" name="empleado" class="form-control" required="">
                  <option value="00">TODO</option>
                  <?php foreach($empleados as $Empleado): ?>
                    <option data-sede="<?php echo $Empleado->sedeEmp ?>" data-depto="<?php echo $Empleado->deptoEmp ?>" value="<?php echo $Empleado->idEmp ?>"><?php echo $Empleado->cedEmp ?> - <?php echo $Empleado->nombreEmp ?></option>                                    
                  <?php endforeach; ?>
                </select>
              </div>
            </div>

            <!-- Button (Double) -->
            <div class="form-group">
              <label class="col-md-4 control-label" for="btnBuscar"></label>
              <div class="col-md-8">
                <button id="btnBuscar" name="btnBuscar" class="btn btn-success">Consultar</button>
                <button id="btnReset" name="btnReset" class="btn btn-danger">Limpiar</button>
              </div>
            </div>

          </fieldset>
        </form>
      </div>
    </div>
  </div>
</div>
<script>
  $(document).ready(function () {
    $("#fechaDesde").datepicker({
      dateFormat: 'yy-mm-dd',
      defaultDate: "+1w",
      changeMonth: true,
      numberOfMonths: 2,
      onClose: function (selectedDate) {
        $("#fechaHasta").datepicker("option", "minDate", selectedDate);
      }
    });
    $("#fechaHasta").datepicker({
      dateFormat: 'yy-mm-dd',
      defaultDate: "+1w",
      changeMonth: true,
      numberOfMonths: 2,
      onClose: function (selectedDate) {
        $("#fechaDesde").datepicker("option", "maxDate", selectedDate);
      }
    });
    $("#form-consulta").submit(function () {

      $(".cargandoHtml").show();
      var selectedVal = "";
      var selected = $("input[type='radio'][name='TipoReporte']:checked");
      if (selected.length > 0) {
        selectedVal = selected.val();
      }
      $.post("api.php", {
        oper: "tablaReportesMarcaron",
        tipo: selectedVal,
        desde: $('#fechaDesde').val(),
        hasta: $('#fechaHasta').val(),
        sede: $('#sede').val(),
        depto: $('#depto').val(),
        persona: $('#empleado').val()
      },
      function (data) {
        $("#tablaReportes").html(data);
        $(".cargandoHtml").hide();
      });

    });
    $('select').select2();
  });
</script>
<div id="tablaReportes" class="container-fluid">
  <?php include ("vistas" . DIRECTORY_SEPARATOR . "tablaReportes.php"); ?>
</div>
<?php