<div *ngIf="instructorEvaluationFilled() == 0" class="not-evaluated">
    žádný instruktor ještě nebyl na kurzu hodnocen
</div>

<div *ngIf="instructorEvaluationFilled() > 0">
    <div class="show-evaluation-block">
        <button mat-button color="primary" (click)="showList = !showList"> 
            <mat-icon class="button-icon" fontSet="material-icons-outlined">{{showList ? 'expand_more' : 'chevron_right'}} </mat-icon>
            {{showList ? 'Skrýt hodnocení instruktorů' : 'Zobrazit hodnocení instruktorů' }} {{ '(' + instructorEvaluationFilled() + ')' }}
        </button>
    </div>

    <app-course-instructor-evaluation-list *ngIf="showList == true && courseData != null" [courseData]="courseData"></app-course-instructor-evaluation-list>
</div>

<div *ngIf="roleAtLeast('zamestnanec') == true && courseData != null && courseData.instructors != null">
    <div *ngFor="let courseInstructor of courseData.instructors">
        <div *ngIf="courseInstructor.evaluation == null" class="evaluate-button-wrapper">
            <button mat-raised-button color="primary" (click)="openAddInstructorEvaluationDialog(courseInstructor.instructorId)"> 
                <mat-icon class="button-icon" fontSet="material-icons-outlined">how_to_vote</mat-icon>
                hodnotit instruktora {{courseInstructor.instructorName}} 
            </button>
        </div>
    </div>
</div>
