<section class="dialog">
    <div class="dialog-header heading-l">{{ 'user-profile-screen.confirm-password.header' | translate }}</div>

    <form [formGroup]="form">
        <div class="dialog-content">
            <div class="iqser-input-group required">
                <div class="iqser-input-group required w-300">
                    <label [translate]="'user-profile-screen.confirm-password.form.password.label'"></label>
                    <input formControlName="password" name="password" type="password" />
                </div>
            </div>
        </div>

        <div class="dialog-actions">
            <iqser-icon-button
                (click)="save()"
                [disabled]="disabled"
                [label]="'user-profile-screen.confirm-password.save' | translate"
                [submit]="true"
                [type]="iconButtonTypes.primary"
            ></iqser-icon-button>
        </div>
    </form>

    <iqser-circle-button (action)="close()" class="dialog-close" icon="iqser:close"></iqser-circle-button>
</section>
