<section class="dialog">
    <div class="dialog-header heading-l">{{ 'dictionary-details.title' | translate : { readOnly: data.readOnly } }}</div>

    <div class="dialog-content">
        <redaction-add-edit-entity
            [dossierId]="data.dossierId"
            [dossierTemplateId]="data.dictionary.dossierTemplateId"
            [entity]="data.dictionary"
            [readOnly]="data.readOnly"
        ></redaction-add-edit-entity>
    </div>

    <div *ngIf="!data.readOnly" class="dialog-actions">
        <iqser-icon-button
            (action)="save()"
            [disabled]="disabled"
            [label]="'dictionary-details.actions.save' | translate"
            [type]="iconButtonTypes.primary"
        ></iqser-icon-button>

        <div (click)="close()" class="all-caps-label cancel" translate="dictionary-details.actions.cancel"></div>
    </div>

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