<div class="course-info-wrapper">
    <div class="course-info-row">
        <span class="label">Třída: </span>
        <span class="value">{{courseData.class}}</span>
    </div>
    <div class="course-info-row">
        <span class="label">Škola: </span>
        <span class="value">{{ getSchoolNameById(courseData.schoolId) }}</span>
    </div>
    <div class="course-info-row">
        <span class="label">Téma: </span>
        <span class="value">{{ getThemeNameById(courseData.themeId) }}</span>
    </div>
    <div class="course-info-row">
        <span class="label">Datum: </span>
        <span class="value">{{courseData.dateStart | date:'d.M.'}} - {{courseData.dateEnd | date:'d.M.Y'}}</span>
    </div>
</div>
<app-loading-placeholder *ngIf="schools == null ||courseThemes == null"></app-loading-placeholder>
