<div class="header-wrapper">
    <div class="header-left">
        <div class="heading">
            <div>{{ dossierDictionary?.label }}</div>
            <div class="small-label stats-subtitle">
                <div>
                    <mat-icon svgIcon="red:entries"></mat-icon>
                    {{ 'edit-dossier-dialog.dictionary.entries' | translate : { length: (dossierDictionary?.entries || []).length } }}
                </div>
            </div>
        </div>
    </div>

    <div>
        <iqser-circle-button
            (action)="openEditDetailsDialog()"
            [icon]="canEdit ? 'iqser:edit' : 'red:info'"
            [tooltip]="canEdit ? ('edit-dossier-dialog.dictionary.edit' | translate) : ('edit-dossier-dialog.dictionary.info' | translate)"
            class="mt-20"
        ></iqser-circle-button>
    </div>
</div>

<redaction-dictionary-manager
    [canEdit]="canEdit"
    [initialEntries]="dossierDictionary?.entries || []"
    [withFloatingActions]="false"
></redaction-dictionary-manager>
