<!-- <div class="all-instructors-button-wrapper">
    Návrat na: 
    <a mat-stroked-button color="primary" routerLink="/{{allInstructorsLink}}" *ngIf="previousUrl == '/' + allInstructorsLink || previousUrl == undefined">
        <mat-icon class="button-icon">groups</mat-icon> Všichni instruktoři
    </a>
    <a mat-stroked-button color="primary" routerLink="/{{notificationsLink}}" *ngIf="previousUrl == '/' + notificationsLink">
        <mat-icon class="button-icon">notifications</mat-icon> Upozornění
    </a>
</div> -->
<app-return-link-button [infoText]="'Návrat na '" [defaultPage]="defaultReturnPage" [possiblePages]="possibleReturnPages"></app-return-link-button>
<h2>Profil uživatele {{instructorData != null ? ': ' + instructorData.firstname + ' ' + instructorData.lastname : ''}}</h2>

<div class="two-column-layout">
    <div class="column">
        <mat-card class="common-card">
            <div *ngIf="instructorData != null" class="role-wrapper">
                <span class="badge">{{rolePretty}}</span>
                <button mat-icon-button color="primary" (click)="openChangeRoleDialog()" #tooltip="matTooltip" matTooltip="Změnit oprávnění uživatele">
                    <mat-icon fontSet="material-icons-outlined">edit</mat-icon>
                </button>
                <app-saving-status [actualStatus]="roleChangeSavingStatus"></app-saving-status>
            </div>
            <app-loading-placeholder *ngIf="instructorData == null"></app-loading-placeholder>
        </mat-card>
        <!-- <mat-divider></mat-divider> -->
        <mat-card class="common-card">
            <app-instructor-info-block *ngIf="instructorData != null" [instructorData]="instructorData" [showName]="false"></app-instructor-info-block>
            <app-loading-placeholder *ngIf="instructorData == null"></app-loading-placeholder>
            <a mat-stroked-button *ngIf="instructorData != null" color="primary" routerLink="/{{editInstructorLink}}/{{instructorData.ID}}">
                <mat-icon class="button-icon" fontSet="material-icons-outlined">edit</mat-icon> Upravit informace
            </a>
            <app-saving-status [actualStatus]="userDataSavingStatus"></app-saving-status>
        </mat-card>
    </div>

    <div class="column">
        <mat-card class="common-card">
            <app-instructor-fund-detail *ngIf="fund != null && instructorData != null" [fund]="fund" [instructorId]="instructorData.ID"></app-instructor-fund-detail>
            <app-loading-placeholder *ngIf="fund == null"></app-loading-placeholder>
        </mat-card>
        <mat-card class="common-card">
            <app-courses-history-block *ngIf="courseHistory != null && instructorData!= null" [courses]="courseHistory" [instructorId]="instructorData.ID"></app-courses-history-block>
            <app-loading-placeholder *ngIf="courseHistory == null"></app-loading-placeholder>
        </mat-card>
        <mat-card class="common-card">
            <app-instructor-evaluation-block *ngIf="courseHistory != null && instructorData!= null" [courses]="courseHistory" [instructorId]="instructorData.ID"></app-instructor-evaluation-block>
            <app-loading-placeholder *ngIf="courseHistory == null"></app-loading-placeholder>
        </mat-card>
    </div>
</div>


