<div class="actual-fund-block">
    <span class="label">Celkový počet kurzů:</span> 
    <span class="value"> {{courses.length}}</span>
</div>

<div class="show-table-block">
    <button mat-button color="primary" (click)="showTable = !showTable"> 
        <mat-icon class="button-icon" fontSet="material-icons-outlined">{{showTable ? 'expand_more' : 'chevron_right'}} </mat-icon>
        {{showTable ? 'Skrýt seznam' : 'Zobrazit seznam'}} 
    </button>
</div>

<app-courses-history-table *ngIf="showTable" [courses]="courses" [instructorId]="instructorId"></app-courses-history-table>
