<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 url = 'php2/busca_producto_fecha_resumen.php';
    
    $("#loader").fadeIn('slow');
    $.ajax({
        type: 'POST',
        url: url,
        data: 'desde='+desde+'&hasta='+hasta+'&page='+page+'&reporte_tienda='+reporte_tienda,
        success: function(datos){
            $('#agrega-registros').html(datos);
            $("#loader").fadeOut('slow'); // Cierre del loader corregido
        }
    })
}
</script>

<?php
    session_start();
    require_once ("config/db.php");
    require_once ("config/conexion.php");
    $tienda = $_SESSION['estado'];
    
    if(empty($tienda)){
        $almacen = "General";
    } else {
        $query_tienda = mysqli_query($con, "select nombre from tiendas where id_tienda='$tienda'");
        $row_tienda = mysqli_fetch_array($query_tienda);
        $almacen = $row_tienda['nombre'];
    }                   
?>

<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-stats'></i> Resumen Consolidado Ventas: <?php echo $almacen;?></h4>
        </div>
        <div class="panel-body">
            <div class="row">
                <?php if($_SESSION['rol']=="gerencia" || $_SESSION['rol']=="supervisor") { ?>
                <div class="col-xs-12 col-sm-4" style="margin-bottom:10px;">
                    <label><small>Tienda:</small></label>
                    <select class="form-control" name="tienda" 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>
                </div>
                <?php } else { ?>
                    <input type="hidden" id="tienda" value="<?php echo $almacen;?>"/>
                <?php } ?>
                
                <div class="col-xs-6 col-sm-4" 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-sm-4" 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: 15px 0;">
                <img src="./img/ajax-loader.gif" width="32"> <span class="text-info">Procesando Consolidado...</span>
            </div>

            <div class="registros" id="agrega-registros"></div>
        </div>
    </div>
</div>