<i *ngIf="element?.isBlocked" class="fa fa-lock sdi-icon" title=""
   (mouseenter)="onTipMouseEnter($event)"
   (click)="onTipClick($event)">
</i>

<!-- Hint card template -->
<ng-template #blockingInfoTmpl let-blockingInfo>
    <ng-container *ngIf="blockingInfo.account && blockingInfo.transaction; else noDataRef">
        <!-- User -->
        <user-hint-details [user]="blockingInfo.account" [showInlineImage]="true"></user-hint-details>

        <!-- Transaction -->
        <hr>
        <h4>
            <span [innerHTML]="blockingInfo.txStatusFormatted"></span>
            Пакет изменений
            <i class="fa fa-list-ol sdi-icon name-postfix" i18n-title="@@txDetailsTitle" title="Детализация пакета изменений"
               (click)="onShowTxDetailsClick(blockingInfo.transaction)">
            </i>
        </h4>
        <p *ngIf="blockingInfo.transaction.name">
            {{blockingInfo.transaction.name}}
        </p>
        <p>
            <time title="Дата создания">
                {{blockingInfo.transaction.startDate | date:'dd.MM.yyyy HH:mm:ss'}}
            </time>
        </p>

        <!-- Application -->
        <ng-container *ngIf="blockingInfo.transaction.relatedApplication > 0">
            <hr>
            <h4>
                <span [innerHTML]="blockingInfo.relatedApplicationStatusFormatted"></span>
                Заявка
                № {{blockingInfo.relatedApplicationUid}}
                <i class="fa fa-file-text-o sdi-icon name-postfix" i18n-title="@@applicationTitle" title="Заявка"
                   (click)="onShowApplicationDetailsClick(blockingInfo.transaction.relatedApplication)">
                </i>
            </h4>
            <p>
                {{blockingInfo.relatedApplicationDisplayName}}
            </p>

            <p *ngIf="blockingInfo.relatedApplicationDateChanged">
                <time title="Дата статуса">
                    {{blockingInfo.relatedApplicationDateChanged | date:'dd.MM.yyyy HH:mm:ss'}}
                </time>
            </p>
        </ng-container>
    </ng-container>

    <ng-template #noDataRef>
        <div class="auxiliary" i18n="@@blockReleasedMsg">блокировка снята</div>
    </ng-template>
</ng-template>