<h1 mat-dialog-title>{{ 'dialogTitleAddRole' | translate }}</h1>
<mat-dialog-content class="form-container">
  <form [formGroup]="roleForm" class="role-form">
    <mat-form-field appearance="fill" class="full-width">
      <mat-label>{{ 'labelRoleName' | translate }}</mat-label>
      <input matInput formControlName="name" required>
    </mat-form-field>

    <section class="example-section">
      <h4>{{ 'sectionTitlePermissions' | translate }}</h4>
      <p><mat-checkbox formControlName="superAdmin">{{ 'checkboxSuperAdmin' | translate }}</mat-checkbox></p>
      <p><mat-checkbox formControlName="orgAdmin">{{ 'checkboxOrgAdmin' | translate }}</mat-checkbox></p>
      <p><mat-checkbox formControlName="orgOperator">{{ 'checkboxOrgOperator' | translate }}</mat-checkbox></p>
      <p><mat-checkbox formControlName="orgMinimal">{{ 'checkboxOrgMinimal' | translate }}</mat-checkbox></p>
      <p><mat-checkbox formControlName="userRole">{{ 'checkboxUserRole' | translate }}</mat-checkbox></p>
    </section>
  </form>
</mat-dialog-content>
<mat-dialog-actions class="action-container">
  <button class="ordinary-button" (click)="onNoClick()">{{ 'buttonCancel' | translate }}</button>
  <button class="submit-button" (click)="onSubmit()">{{ 'buttonAdd' | translate }}</button>
</mat-dialog-actions>
