<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body" :class="cargando">
                <div class="table-responsive">
                    <table class="table table-hover" id="tabla-bitacora-stock">
                        <thead>
                            <tr class="text-center">
                                <th>Fecha</th>
                                <th>Empleado</th>
                                <th>Módulo</th>
                                <th>Almacén</th>
                                <th>Cant. Inicial</th>
                                <th>Agregó</th>
                                <th>Descontó</th>
                                <th>Cant. Final</th>
                                <th>Cód. Docum.</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr v-for="row in bitacoraStock">
                                <td style="width: 10%; font-size:11px;">{{ row.fecha }}</td>
                                <td style="width: 15%;font-size:11px;">{{ row.empleado }}</td>
                                <td style="width: 10%;text-transform: uppercase; text-align:center;" class="text-secondary">{{ row.modulo }}</td>
                                <td style="width: 15%;font-size:11px;">{{ row.almacen }}</td>
                                <td style="width: 10%; text-align:center;">{{ row.habia }}</td>
                                <td style="width: 10%; text-align:center;" class="text-success">{{ row.sube }}</td>
                                <td style="width: 10%; text-align:center;" class="text-danger">{{ row.baja }}</td>
                                <td style="width: 10%; text-align:center;">{{ row.total }}</td>
                                <td style="width: 10%; text-align:center;"><a :href="row.ruta" target="_blank">{{ row.documento }}{{ row.factura }}</a></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>