<div ng-repeat="distribution in vm.distributionData">
    <h3>{{distribution.destination}}</h3>
    <h4>{{distribution.date | date:'shortDate'}}</h4>
    <table class="table table-striped">
        <thead>
        <tr>
            <th class="col-md-3">Name of Commodity</th>
            <th class="col-md-3">Units per Case / Container Type</th>
            <th class="col-md-2">Exp. Date</th>
            <th class="col-md-1">Case Qty</th>
            <th class="col-md-1">Unit Qty</th>
            <th class="col-md-2">Weight</th>
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat="transaction in distribution.transactions | orderBy:'name'">
            <td>{{transaction.name}}</td>
            <td>{{transaction.unitsPerCase}} / {{transaction.containerType}}</td>
            <td>{{transaction.expirationDate | date:'shortDate'}}</td>
            <td>{{transaction.removedQuantity}}</td>
            <td>{{transaction.removedQuantity * transaction.unitsPerCase}}</td>
            <td>{{transaction.weightPerCase * transaction.removedQuantity | number:0 }} lbs</td>
        </tr>
        </tbody>
    </table>
</div>