<div class="p-fluid grid flex justify-content-center col-12">
  <div class="pt-8 w-3" *ngIf="show">
    <form [formGroup]="changeForm" #formDir="ngForm">
      <div [hidden]="formDir.submitted">
      <div class="field">
        <span class="p-float-label">
            <input type="password" id="password" pInputText  formControlName="password">
            <label for="password" i18n="@@{new_password}">Enter new password...</label>
        </span>
      </div>
      <div class="field">
        <span class="p-float-label">
            <input type="password" id="confirmedPassword" pInputText  formControlName="confirmedPassword">
            <label for="confirmedPassword" i18n="@@{retype_pass}">Retype password again...</label>
        </span>
      </div>

          <div *ngIf="changeForm.errors?.['notSame'] && (changeForm.touched || changeForm.dirty)" class="text-xs p-error	" i18n="@@{pass_error}">
          Passwords does not match!
          </div>
        </div>
        <div class="field flex justify-content-center pt-4">
        <p-button class="pr-4" type="submit" [disabled]="changeForm.invalid" (click)="changePassword()" i18n="@@{change_password}">Change password</p-button>
      </div>
    </form>
  </div>
</div>