<div class="course-info-wrapper" *ngIf="courseData != null && courseData.questionnaire != null">
    <div class="course-info-row">
        <span class="label">Čas příjezdu: </span>
        <span class="value">{{courseData.questionnaire.arrivalTime}}</span>
    </div>
    <div class="course-info-row">
        <span class="label">Čas odjezdu: </span>
        <span class="value">{{courseData.questionnaire.departureTime}}</span>
    </div>
    <div class="course-info-row" *ngIf="courseData.questionnaire.femaleCount != null && courseData.questionnaire.maleCount != null">
        <span class="label">Počet účastníků: </span>
        <span class="value" #tooltip="matTooltip" matTooltip="(kluci + holky)">
            {{ courseData.questionnaire.maleCount + courseData.questionnaire.femaleCount}} celkem
            ({{ courseData.questionnaire.maleCount }} {{ wordShape(courseData.questionnaire.maleCount, 'kluk') }} 
            a {{ courseData.questionnaire.femaleCount }} {{ wordShape(courseData.questionnaire.femaleCount, 'holka') }})
        </span>
    </div>

    <div class="show-questionnaire-block">
        <button mat-button color="primary" (click)="showQuestionnaire = !showQuestionnaire"> 
            <mat-icon class="button-icon" fontSet="material-icons-outlined">{{showQuestionnaire ? 'expand_more' : 'chevron_right'}} </mat-icon>
            {{showQuestionnaire ? 'Skrýt podrobnější informace' : 'Zobrazit podrobnější informace'}} 
        </button>
    </div>

    <div *ngIf="showQuestionnaire">
        <div class="course-info-row" *ngIf="courseData.questionnaire.femaleTeachers != null && courseData.questionnaire.maleTeachers != null">
            <span class="label">Pedagogický doprovod: </span>
            <span class="value" #tooltip="matTooltip" matTooltip="(kluci + holky)">
                {{ courseData.questionnaire.maleTeachers }} {{ wordShape(courseData.questionnaire.maleTeachers, 'muz') }} 
                a {{ courseData.questionnaire.femaleTeachers }} {{ wordShape(courseData.questionnaire.femaleTeachers, 'zena') }}
            </span>
        </div>
        <div class="course-info-row">
            <span class="label">Kontaktní osoba: </span>
            <span class="value">{{ courseData.questionnaire.personName }}</span>
        </div>
        <div class="course-info-row">
            <span class="label">Kontaktní telefon: </span>
            <span class="value">{{ courseData.questionnaire.personPhone | phone }}</span>
        </div>
        <div class="course-info-row">
            <span class="label">Kontaktní email: </span>
            <span class="value">{{ courseData.questionnaire.personEmail }}</span>
        </div>
        <div class="course-info-row">
            <span class="label">Očekávání od kurzu: </span>
            <span class="value">{{ courseData.questionnaire.expectations }}</span>
        </div>
        <div class="course-info-row">
            <span class="label">Aktuální situace ve třídě: </span>
            <span class="value">{{ courseData.questionnaire.actualSituation }}</span>
        </div>
        <div class="course-info-row">
            <span class="label">Jiné absolvované kurzy: </span>
            <span class="value">{{ courseData.questionnaire.otherCourses }}</span>
        </div>
        <div class="course-info-row">
            <span class="label">Další informace: </span>
            <span class="value">{{ courseData.questionnaire.otherInformation }}</span>
        </div>
        <div class="course-info-row">
            <span class="label">Diety a speciální požadavky na stravu: </span>
            <span class="value">{{ courseData.questionnaire.specificDiet }}</span>
        </div>
        <div class="course-info-row">
            <span class="label">Svačiny: </span>
            <span class="value">{{ courseData.questionnaire.snacks ? 'ano' : 'ne' }}</span>
        </div>
    </div>
</div>
