<h2 mat-dialog-title>Métodos de pago</h2>
<mat-dialog-content class="remove-button-padding-dialog-content black_font">
  <mat-list>

    @for (paymentMethod of arrPayment; track paymentMethod; let idx = $index) {
      <div>
        <mat-list-item >
          <mat-icon matListItemIcon style="color: #3f51b5;">radio_button_checked</mat-icon>
          <div matListItemTitle>#{{ paymentMethod.C_FORMAPAGO }} - {{ paymentMethod.DESCRIPCION }}</div>
        </mat-list-item>
        @if (idx !== arrPayment.length - 1) {
          <mat-divider></mat-divider>
        }
      </div>
    } @empty {
      <div class="align-center">
        <h2>No hay métodos de pago registrados</h2>
        <object data="assets/img/empty_data.svg" width="150"></object>
      </div>
    }
  </mat-list>
  
</mat-dialog-content>
<mat-dialog-actions align="end">
  <button mat-button mat-dialog-close cdkFocusInitial>Cerrar</button>
</mat-dialog-actions>
