<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<script>
$(document).ready(function() {
    load(1);
});

function load(page) {
    var reporte_tienda = $("#tienda").val();
    var desde = $("#bd-desde").val();
    var hasta = $("#bd-hasta").val();
    var q = $("#bd-prod").val();
    var url = 'productosmasvendidos_fecha.php';

    $("#loader").fadeIn('slow');
    $.ajax({
        type: 'POST',
        url: url,
        data: { desde: desde, hasta: hasta, q: q, page: page, reporte_tienda: reporte_tienda },
        success: function(datos) {
            $('#agrega-registros').html(datos);
            $("#loader").fadeOut('slow');
        }
    })
}
</script>

<?php
require_once ("config/db.php");
require_once ("config/conexion.php");
session_start();
$tienda_session = $_SESSION['estado'];
?>

<div class="container-fluid">
    <div class="panel panel-info" style="border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);">
        <div class="panel-heading" style="background-color: #31708f; color: white;">
            <h4 class="panel-title"><i class='glyphicon glyphicon-fire'></i> Productos más Vendidos</h4>
        </div>
        
        <div class="panel-body">
            <div class="row">
                <div class="col-xs-12 col-md-3" style="margin-bottom: 10px;">
                    <label><small>Tienda/Almacén:</small></label>
                    <?php if($_SESSION['rol']=="gerencia") { ?>
                        <select class="form-control" id="tienda" onchange="load(1);">
                            <option value="">Todas las Tiendas</option>
                            <?php
                            $sql_tiendas = mysqli_query($con, "SELECT nombre FROM tiendas ORDER BY nombre ASC");
                            while ($rw_t = mysqli_fetch_array($sql_tiendas)) {
                                echo "<option value='".$rw_t['nombre']."'>".$rw_t['nombre']."</option>";
                            }
                            ?>
                        </select>
                    <?php } else { ?>
                        <input class="form-control" type="text" id="tienda" value="<?php echo $tienda_session;?>" readonly/>
                    <?php } ?>
                </div>

                <div class="col-xs-12 col-md-3" style="margin-bottom: 10px;">
                    <label><small>Rubro/Tipo:</small></label>
                    <select class="form-control" id="bd-prod" onchange="load(1);">
                        <option value="">Todos los rubros</option>
                        <?php
                        $sql_rubros = mysqli_query($con, "SELECT rubro FROM rubros ORDER BY rubro ASC");
                        while ($rw = mysqli_fetch_array($sql_rubros)) {
                            echo "<option value='".$rw['rubro']."'>".$rw['rubro']."</option>";
                        }
                        ?>
                    </select>
                </div>

                <div class="col-xs-6 col-md-3" style="margin-bottom: 10px;">
                    <label><small>Desde:</small></label>
                    <input class="form-control" type="date" id="bd-desde" onchange='load(1);'/>
                </div>

                <div class="col-xs-6 col-md-3" style="margin-bottom: 10px;">
                    <label><small>Hasta:</small></label>
                    <input class="form-control" type="date" id="bd-hasta" onchange='load(1);'/>
                </div>
            </div>

            <div id="loader" style="display:none; text-align:center; margin:10px;">
                <img src="./img/ajax-loader.gif" width="25"> <small>Calculando ventas...</small>
            </div>

            <hr style="margin: 10px 0;">
            <div id="agrega-registros"></div>
        </div>
    </div>
</div>