
<div class="modal-header">
    <h3 class="modal-title">Invoices</h3>
</div>

<div class="modal-body">
  <table class="table">
    <colgroup>
      <col width="100" />
      <col width="*" />
      <col width="100" />
      <col width="100" />
    </colgroup>
    <thead>
    <tr>
      <th>Status</th>
      <th>Invoice-Id</th>
      <th>Amount</th>
      <th>Date</th>
    </tr>
    </thead>
    <tbody>
    <tr ng-repeat="invoice in invoices">
      <td>
            <span ng-switch="invoice.status">
                <span ng-switch-when="0"><span class="label label-info fusio-badge">Open</span></span>
                <span ng-switch-when="1"><span class="label label-success fusio-badge">Payed</span></span>
                <span ng-switch-when="2"><span class="label label-danger fusio-badge">Deleted</span></span>
            </span>
      </td>
      <td>{{invoice.displayId}}</td>
      <td>{{invoice.amount | currency : symbol : 2}}</td>
      <td>{{invoice.insertDate | date: 'shortDate'}}</td>
    </tr>
    </tbody>
  </table>
</div>

<div class="modal-footer">
    <button type="button" ng-click="close()" class="btn btn-default">Cancel</button>
</div>
