<?php
require_once ("config/db.php");
require_once ("config/conexion.php");
session_start();
?>
<script>
$(document).ready(function() {
    load(1);
});

function load(page) {
    var tienda = $("#tienda").val();
    var url = 'busca_inventario_critico.php';
    $("#loader").fadeIn('slow');
    $.ajax({
        type: 'POST',
        url: url,
        data: { tienda: tienda, page: page },
        success: function(datos) {
            $('#agrega-registros').html(datos);
            $("#loader").fadeOut('slow');
        }
    })
}
</script>

<div class="panel panel-danger">
    <div class="panel-heading" style="background-color: #d9534f; color: white;">
        <h4 class="panel-title">
            <i class='glyphicon glyphicon-alert'></i> Alertas de Inventario Crítico
        </h4>
    </div>
    <div class="panel-body">
        <div class="row">
            <div class="col-xs-12 col-md-6">
                <label><small>Filtrar por Tienda:</small></label>
                <select class="form-control" id="tienda" onchange="load(1);">
                    <?php if($_SESSION['rol']=="gerencia") { ?>
                        <option value="">--- Todas las Tiendas ---</option>
                    <?php } ?>
                    <?php
                    $tienda_session = $_SESSION['estado'];
                    $sql_t = mysqli_query($con, "SELECT * FROM tiendas ORDER BY nombre ASC");
                    while($rw = mysqli_fetch_array($sql_t)) {
                        $selected = ($rw['nombre'] == $tienda_session) ? "selected" : "";
                        echo "<option value='".$rw['nombre']."' $selected>".$rw['nombre']."</option>";
                    }
                    ?>
                </select>
            </div>
            <div class="col-xs-12 col-md-6 text-right" style="margin-top: 25px;">
                <div id="loader" style="display:none;">
                    <img src="img/ajax-loader.gif" width="20"> <small>Analizando existencias...</small>
                </div>
            </div>
        </div>
        <hr>
        <div id="agrega-registros"></div>
    </div>
</div>