<div class="row">
    <foca-cabecera-facturador 
    titulo="'Estado de cisternas'"
    fecha="now"
    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" extra="3" class="row">
                </foca-botonera-facturador>
            </div>
        </div>
        <table class="table table-default table-hover table-sm table-abm table-striped mb-0">
            <thead>
                <tr>
                    <th>Código</th>
                    <th>Capacidad total</th>
                    <th>Carga</th>
                    <th>Producto</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="cisterna in cisternas">
                    <td ng-bind="cisterna.codigo"></td>
                    <td ng-bind="cisterna.capacidad + ' ' + cisterna.unidadMedida.NOM"></td>
                    <td ng-bind="cisterna.estado.cantidad"></td>
                    <td ng-bind="(cisterna.estado.producto) ? cisterna.estado.producto.DetArt : '-'"></td>
                </tr>
            </body>
        </table>
    </div>
</div>