<head>
        <script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/reporteClientes.js"></script> 
        <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>
        <script type="text/javascript">
        var base_url="<?php echo base_url()?>";
        </script> 
       
</head>
<body>
<form action="#" method="POST" OnSubmit="return false">

          <div class="col-md-8">
                <div class="form-group col-md-12">
                  <div class="form-content">
                  <label class="col-md-1 control-label">Tipo reporte:</label>
                  <select class="form-control" id="filtrar" name="filtrar"> 
                    <option value="">TODOS</option>
                    <option value="1">CLIENTES NUEVOS</option> 
                    <option value="2">CLIENTES PROSPECTO</option>
                    <option value="3">CLIENTES FRECUENTES</option>
                    <option value="4">CUMPLEAÑOS</option>           
                  </select>
                  </div>
                </div>
                <div class="form-group col-md-6 invisible" id="div-desde">
                  <div class="form-content">
                    <label class="col-md-1 control-label">Desde:</label>
                    <input class="form-control date-picker" name="fechainicio" id="fechainicio" value="<?php echo !empty($fechainicio) ? $fechainicio:'';?>">
                    <input class="form-control date-cumple invisible" name="fechainicio2" id="fechainicio2" value="<?php echo !empty($fechainicio) ? $fechainicio:'';?>">
                  </div>
                </div>
                <div class="form-group col-md-6 invisible" id="div-hasta">
                  <div class="form-content">
                  <label class="col-md-1 control-label">Hasta:</label>
                  <input class="form-control date-picker" name="fechafin" id="fechafin" value="<?php  echo !empty($fechafin) ? $fechafin:'';?>">
                  <input class="form-control date-cumple invisible" name="fechafin2" id="fechafin2" value="<?php  echo !empty($fechafin) ? $fechafin:'';?>">
                  </div>
                </div>
          </div>
          <div class="col-md-4">
                <div class="form-group col-md-12 col-xs-12 contenedor 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 contenedor 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>
          <center><h3>Reporte de Clientes</h3></center>
          <div class="container">
        <!-- <h1>Reporte de Adeudos</h1> -->
            <table id="reporte-clientes" class="display up table" style="width:100%">
        </table>
    </div>
 </form>
</body>
<!-- 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>
<!-- fin modal loading -->




