<div class="page-header">
  <h1>Panel de Control <small>monitor de marcaciones.</small></h1>
</div>

<div class="container-fluid">
  <div class="row">   
    <div class="col-sm-6 col-md-5 col-lg-4">
      <div class="panel-group">
        <div class="panel panel-default">
          <div class="panel-heading">                
            Registros Hoy - <span class="small" >actualizado <span id="fechaActualizacion" style="font-weight: bold" ></span> </span>
            <div id="" class="cargandoRegistros pull-right"><img src="img/cargando.svg" style="width: 24px;" /></div>
          </div>
          <div class="panel-body" id="tablmarcaciones" >
            <?php include 'vistas/tablaHoy.php'; ?>
          </div>
        </div>
      </div>
    </div>
    <div class="col-sm-6 col-md-7 col-lg-8">
      <div class="panel-group">
        <div class="panel panel-default">
          <div class="panel-heading">                
            Empleados y Marcaciones HOY
            <div class="cargandoRegistros pull-right"><img src="img/cargando.svg" style="width: 24px;" /></div>
          </div>
          <div class="panel-body"  >
            <div id="tablempleados" ><?php include 'vistas/empleadosMarcasHoy.php'; ?></div>

          </div>
        </div>
      </div>
      <div class="panel-group">
        <div class="panel panel-default">
          <div class="panel-heading">                
            Llegadas despues de 7.30am
          </div>
          <div class="panel-body"  >
            <div id="tabltarde730" ><?php include 'vistas/llegadasDespuesDe730.php'; ?></div>
          </div>
        </div>
      </div>
      <div class="panel-group">
        <div class="panel panel-default">
          <div class="panel-heading">                
            Llegadas despues de 02.00pm
          </div>
          <div class="panel-body"  >
            <div id="tabltarde1400" ><?php include 'vistas/llegadasDespuesDe1400.php'; ?></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


<script type="text/javascript" >
  $(document).ready(function () {
    setInterval(
      function () {
        // cargarTabla();
        // cargarEmpleados();
        // cargarLlegadasDespuesDe730();
        // cargarLlegadasDespuesDe1400();
      }, 45000);
    $(".cargandoHtml").hide();
  });
//   cargarTabla();
//   cargarEmpleados();
//   cargarLlegadasDespuesDe730();
//   cargarLlegadasDespuesDe1400();
</script>