<div class="card">
    <div class="card-body" :class="cargando">
        <div class="row">
            <div class="col-12">
                <form>
                    <div class="form-row">
                        <div class="col-md-10">
                            <!--<input type="text"> -->
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                <label>Filtrar por proveedor</label>
                                <select id="proveedor" v-model="proveedor_filtro" class="form-control custom-select" @change="obtenerProductosStockBajo()">
                                    <option value="0">Todos</option>
                                    <option v-for="row in optionsProveedores" :value="row.prov_id">{{row.prov_nombre}}</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="table-responsive">
            <table class="display table table-striped table-hover dataTable table-head-bg-primary table-bordered-bd-primary" id="tabla_stock_bajo">
                <thead>
                    <tr class="text-center">
                        <th class="text-left">Referencia</th>
                        <th class="text-left">Descripción</th>
                        <th class="text-left">Almacén</th>
                        <th class="text-right">Cantidad</th>
                        <th class="text-right">Stock mín.</th>
                        <th class="text-right">Stock máx.</th>
                        <th class="text-right">Reservado</th>
                        <th class="text-right">Pendiente de recepción</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
</div>