<?php
require_once ("config/db.php");
require_once ("config/conexion.php");
session_start();
?>
<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 = 'tiendamasventas_fecha.php';
    $("#loader").fadeIn('slow');
    $.ajax({
        type: 'POST',
        url: url,
        data: {
            desde: desde,
            hasta: hasta,
            reporte_tienda: reporte_tienda,
            page: page
        },
        success: function(datos) {
            $('#agrega-registros').html(datos);
            $("#loader").fadeOut('slow');
        }
    })
}
</script>

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

<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> Ranking de Ventas por Tienda</h4>
    </div>
    <div class="panel-body">
        <div class="row">
            <?php if($_SESSION['rol'] == "gerencia") { ?>
            <div class="col-xs-12 col-md-4" style="margin-bottom: 10px;">
                <label><small>Filtrar Sucursal:</small></label>
                <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 = mysqli_fetch_array($sql_tiendas)) {
                        echo "<option value='".$rw['nombre']."'>".$rw['nombre']."</option>";
                    }
                    ?>
                </select>
            </div>
            <?php } else { ?>
                <input type="hidden" id="tienda" value="">
            <?php } ?>

            <div class="col-xs-6 col-md-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-md-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;">
            <img src="img/ajax-loader.gif" width="20"> <small>Procesando datos de facturación...</small>
        </div>

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