<h1 mat-dialog-title>{{ 'dialogTitleChangePassword' | translate }}</h1>
<mat-dialog-content class="form-container">
  <form [formGroup]="userForm" class="user-form">
    <mat-form-field class="form-field">
      <mat-label>{{ 'labelCurrentPassword' | translate }}</mat-label>
      <input matInput formControlName="currentPassword" type="password">
    </mat-form-field>
    <mat-form-field class="form-field">
      <mat-label>{{ 'labelNewPassword' | translate }}</mat-label>
      <input matInput formControlName="newPassword" type="password">
    </mat-form-field>
    <mat-form-field class="form-field">
      <mat-label>{{ 'labelRepeatPassword' | translate }}</mat-label>
      <input matInput formControlName="repeatNewPassword" type="password">
    </mat-form-field>

    <div class="error-message" *ngIf="passwordMismatch">
      {{ 'errorPasswordMismatch' | translate }}
    </div>

    <div class="error-message" *ngIf="updateError">
      {{ resetPasswordError }}
    </div>
  </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()" [disabled]="loading">{{ 'buttonEdit' | translate }}</button>
</mat-dialog-actions>