<div class="cell">
    <div [attr.help-mode-key]="'dossier_templates'">
        <div [matTooltipPosition]="'above'" [matTooltip]="dossierTemplate.name" class="table-item-title heading">
            {{ dossierTemplate.name }}
        </div>
        <div class="small-label stats-subtitle">
            <div *ngIf="stats$ | async as stats">
                <mat-icon svgIcon="red:dictionary"></mat-icon>
                {{ 'dossier-templates-listing.entities' | translate : { length: stats.numberOfDictionaries } }}
            </div>
        </div>
    </div>
</div>

<div class="cell user-column">
    <iqser-initials-avatar
        [defaultValue]="'unknown' | translate"
        [user]="dossierTemplate.createdBy || 'system'"
        [withName]="true"
    ></iqser-initials-avatar>
</div>

<div class="cell">
    <div class="small-label">
        {{ dossierTemplate.dateAdded | date : 'd MMM yyyy' }}
    </div>
</div>

<div class="cell">
    <div class="small-label">
        {{ dossierTemplate.dateModified | date : 'd MMM yyyy' }}
    </div>
</div>

<div class="cell">
    <div class="small-label">
        {{ dossierTemplate.validFrom | date : 'd MMM yyyy' }}
    </div>
</div>

<div class="cell">
    <div class="small-label">
        {{ dossierTemplate.validTo | date : 'd MMM yyyy' }}
    </div>
</div>

<div class="cell">
    <div class="small-label">
        {{ translations[dossierTemplate.dossierTemplateStatus] | translate }}
    </div>

    <redaction-dossier-template-actions
        [dossierTemplateId]="dossierTemplate.dossierTemplateId"
        class="actions-container"
    ></redaction-dossier-template-actions>
</div>
