<table class="table table-striped">
    <thead>
    <tr>
        @*<th></th>*@
        <th class="col-md-2">Name of Commodity</th>
        <th class="col-md-1">Pack Size / Units per Case</th>
        <th class="col-md-1">Beginning Inventory</th>
        <th class="col-md-1">Units Rec'd</th>
        <th class="col-md-1">Total Units Available</th>
        <th class="col-md-1">Adjustments (show + or -)</th>
        <th class="col-md-1">Units Distributed</th>
        <th class="col-md-1">Ending Inventory</th>
    </tr>
    </thead>
    <tbody>
    <tr ng-repeat="item in vm.movementData.items | orderBy:'inventoryType.name'">
        @*<td><a href="" ng-click="vm.editInventory(item.inventory.id)"><i class="fa fa-edit"></i></a> </td>*@
        <td>{{item.inventoryType.name}}</td>
        <td>{{item.inventoryType.unitsPerCase}} / {{item.inventoryType.containerType}}</td>
        <td>
            {{item.beginningQuantity | toUnits:item.inventoryType.unitsPerCase}}
            {{item.beginningQuantity | formatCases}}
        </td>
        <td>
            {{item.addedQuantity | hideZero | toUnits:item.inventoryType.unitsPerCase}}
            {{item.addedQuantity | hideZero | formatCases}}
        </td>
        <td>
            {{item.totalAvailableQuantity | hideZero | toUnits:item.inventoryType.unitsPerCase}} 
            {{item.totalAvailableQuantity | hideZero | formatCases}}
        </td>
        <td>
            {{item.adjustmentQuantity ? '-' : ''}}
            {{item.adjustmentQuantity | hideZero | toUnits:item.inventoryType.unitsPerCase}}
            {{item.adjustmentQuantity | hideZero | formatCases}}
        </td>
        <td>
            {{item.distributedQuantity | hideZero | toUnits:item.inventoryType.unitsPerCase}}
            {{item.distributedQuantity | hideZero | formatCases}}
        </td>
        <td>
            {{item.endingQuantity | toUnits:item.inventoryType.unitsPerCase}}
            {{item.endingQuantity | formatCases}}
        </td>
    </tr>
    </tbody>
</table>