<div class="dialog-header">
    <div class="heading-l" translate="general-config-screen.general.title"></div>
    <div translate="general-config-screen.general.subtitle"></div>
</div>
<form (submit)="save()" *ngIf="form" [formGroup]="form">
    <div class="dialog-content">
        <div class="dialog-content-left">
            <div class="iqser-input-group">
                <label translate="general-config-screen.app-name.label"></label>
                <input
                    formControlName="auxiliaryName"
                    name="auxiliaryName"
                    placeholder="{{ 'general-config-screen.app-name.placeholder' | translate }}"
                    type="text"
                />
            </div>

            <div class="iqser-input-group">
                <mat-slide-toggle color="primary" formControlName="forgotPasswordFunctionEnabled"
                    >{{ 'general-config-screen.general.form.forgot-password' | translate }}
                </mat-slide-toggle>
            </div>
        </div>
    </div>

    <div class="dialog-actions">
        <iqser-icon-button
            [disabled]="form?.invalid || !changed"
            [label]="'general-config-screen.actions.save' | translate"
            [submit]="true"
            [type]="iconButtonTypes.primary"
            [attr.help-mode-key]="'general_configurations'"
        ></iqser-icon-button>
    </div>
</form>
