<script src="js/myjava.js"></script>
<?php
    /* Connect To Database*/
    require_once ("config/db.php");
    require_once ("config/conexion.php");
?>
<div class="panel panel-info" style="border-top: 3px solid #f39c12;">
    <div class="panel-heading" style="background: #fff; color: #444;">
        <h4><i class='glyphicon glyphicon-book'></i> Libro de Compras Realizadas</h4>
    </div>
    <div class="panel-body">
        <form class="form-horizontal" role="form" id="datos_cotizacion">
            <div class="row">
                <div class="col-md-4 col-sm-6">
                    <div class="input-group">
                        <span class="input-group-addon">Desde</span>
                        <input class="form-control" type="date" name="desde" id="bd-desde" onchange='load(1);'/>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6">
                    <div class="input-group">
                        <span class="input-group-addon">Hasta</span>
                        <input class="form-control" type="date" name="hasta" id="bd-hasta" onchange='load(1);'/>
                    </div>
                </div>
                <div class="col-md-4 col-sm-12">
                    <button type="button" class="btn btn-warning btn-block" onclick='load(1);'>
                        <span class="glyphicon glyphicon-search"></span> Filtrar Compras
                    </button>
                    <span id="loader"></span>
                </div>
            </div>
        </form>
        <hr>
        <div class="registros" id="agrega-registros"></div>
    </div>
</div>