<h2 mat-dialog-title> Métodos de Pago </h2>
<mat-dialog-content>

  <section>
    <mat-checkbox class="example-margin"
      [checked]="allComplete"
      color="primary"
      [indeterminate]="someComplete()"
      (change)="setAll($event.checked)"
      disabled>
      {{ payment.name }}
    </mat-checkbox>
    <span>
      <ul>
        <li *ngFor="let subtask of payment.subtasks">
          <mat-checkbox
            [(ngModel)]="subtask.completed"
            color="primary"
            class="checkbox-personality"
            (ngModelChange)="updateAllComplete()"
            disabled>
            {{ subtask.name }}
          </mat-checkbox>
        </li>
      </ul>
    </span>
  </section>

</mat-dialog-content>
<mat-dialog-actions align="end">
  <button mat-button color="warn" mat-dialog-close cdkFocusInitial>Cancelar</button>
</mat-dialog-actions>
