<div class="row">
    <foca-cabecera-facturador titulo="'Orden de Carga'" numero="puntoVenta + '-' + comprobante"
        fecha="ordenCarga.fechaCarga" class="mb-0 col-lg-12"></foca-cabecera-facturador>
</div>
<div class="row">
    <div class="col-12 col-md-10 p-0 mt-4 border border-white rounded">
        <div class="row px-5 py-2 botonera-secundaria">
            <div class="col-12">
                <foca-botonera-facturador botones="botonera" max="6" class="row"></foca-botonera-facturador>
            </div>
        </div>

        <table class="puntero table table-default table-hover table-sm table-abm table-striped mb-0">
            <thead>
                <tr>
                    <th>Cisterna</th>
                    <th>Producto</th>
                    <th>Capacidad Total</th>
                    <th>Carga</th>
                    <th class="text-center">Disponible</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="cisterna in hojaRuta.vehiculo.cisternas">
                    <td ng-bind="cisterna.codigo"></td>
                    <td>producto</td>
                    <td ng-bind="cisterna.capacidad"></td>
                    <td ng-bind="cisterna.cantidadDescargada"></td>
                    <td class="text-center">{{cisterna.capacidad - cisterna.cantidadDescargada}}</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>