<!DOCTYPE html>
<html lang="es">
    <head>
        <title>Reporte de Pagos</title>
        <link rel="stylesheet" type="text/css" href='<?php echo base_url()?>assets/dist/css/table.css' />
        <link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/styles.css'?>">
        <link rel="stylesheet" href="<?php echo base_url().'assets/plugins/select/bootstrap-select.min.css'?>">
    <!-- Latest compiled and minified JavaScript -->
    <script src="<?php echo base_url().'assets/plugins/select/bootstrap-select.min.js'?>"></script>
    </head>
<body>
    <div class="contenido-form">
        <form action="#" method="POST" class="form-horizontal"> 
            <div class="form-group">
                <div class="form-content">
                    <label for="" class="col-md-1 control-label">Desde:</label>
                    <div class="col-md-4">
                        <input class="form-control date-picker" name="fechainicio" id="fechainicio" value="<?php echo !empty($fechainicio) ? $fechainicio:'';?>">
                    </div>
                </div>
                <div class="form-content">
                    <label for="" class="col-md-1 control-label">Hasta:</label>
                    <div class="col-md-4">
                        <input  class="form-control date-picker" name="fechafin" id="fechafin" value="<?php  echo !empty($fechafin) ? $fechafin:'';?>">
                    </div>
                </div>
            </div>
        </form>
        <form id="ventasReporte" class="navbar-form navbar" action="#">
            <!-- <input type="submit" class="btn btn-primary" id="filtrarReportes" value="Buscar" />
            <input onclick=location.href="<?php echo base_url();?>reportes/Franquiciatario/reportesF" type="button" id="filtrarReportes" class="btn btn-info volver" value="Regresar"/> -->
            <div class="col-md-12 col-xs-12">
                <div class="form-group col-md-12 col-xs-12 contenedor2 pull-left">
                  <div class="form-content">
                  <div class="col-md-12 col-xs-12">
                    <a href="javascript:window.history.back()" ><button type="button" class="btn btn-danger col-md-12 col-xs-12 "><span class="glyphicon glyphicon-circle-arrow-left"> </span> Regresar</button></a>
                  </div>
                  </div>
                </div>
                <div class="form-group col-md-12 col-xs-12 contenedor2 pull-right">
                  <div class="form-content">
                  <div class="col-md-12 col-xs-12">
                  <button type="submit" class="btn btn-primary col-md-12 col-xs-12 " id="filtrarReportes"><span class="glyphicon glyphicon-search">  </span> Buscar </button>                    
                  </div>
                  </div>
                </div>                  
          </div>
        </form>

                
                
    </div>
    <div class="container">
        <h1>Reporte Histórico de Accesos</h1>
        <table id="historicoAccesos" class="display up table" style="width:100%">
        </table>
    </div>
    <!-- Modal loading -->
    <div class="modal fade" id="modal-loader" data-backdrop="static" data-keyboard="false">
    <div class="vertical-alignment-helper">
      <div class="modal-dialog vertical-align-center modal-sm">
            <div style=" text-align: center;">
            <div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
            <center class="cargando"> Cargando...</center>
            </div>
      </div>
    </div>
    </div>
<script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/ReporteHistoricoA.js"></script>
</body>
</html>