<div class="main-content">
    <div class="container-fluid">
      <div class="col-md-12">
        <div class="alert alert-info"><b>Resumen</b></div>
        <table class="table table-bordered table-hover">
          <thead>
          <tr>
            <th>Saldo disponibles</th>
            <th>Última actualización</th>
          </tr>
          </thead>
          <tbody>
          <tr>
            <td>$ {{header.available_amount | number}}</td>
            <td>{{header.updated_at | date:'dd/MM/yy HH:mm'}}</td>
          </tr>
          </tbody>
        </table>
        <div class="alert alert-info"><b>Movimientos</b></div>
        <table class="table table-bordered table-hover">
          <thead>
          <tr>
            <th>Fecha</th>
            <th>Cod. Trx</th>
            <th>Glosa</th>
            <th>Cargo</th>
            <th>Abono</th>
            <th>Saldo</th>
          </tr>
          </thead>
          <tbody>
          <tr *ngFor="let detail of details; let i = index;">
            <td>{{detail.move_date | date:'dd/MM/yy HH:mm'}}</td>
            <td>{{detail.id}}</td>
            <td>{{detail.description}}</td>
            <td>{{cargo(detail.amount)}}</td>
            <td>{{abono(detail.amount)}}</td>
            <td>{{detail.post_amount | number}}</td>
          </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>