<div class="instructro-info-wrapper">
    <div class="instructor-info-row" *ngIf="showName">
        <span class="label mat-primary">Jméno: </span>
        <span class="value">{{instructorData.firstname}}</span>
    </div>
    <div class="instructor-info-row" *ngIf="showName">
        <span class="label">Příjmení: </span>
        <span class="value">{{instructorData.lastname}}</span>
    </div>
    <div class="instructor-info-row">
        <span class="label">Email: </span>
        <span class="value">{{instructorData.email}}</span>
    </div>
    <div class="instructor-info-row">
        <span class="label">Datum narození: </span>
        <span class="value">{{instructorData.birthdate | date:'d. M. Y'}}</span>
    </div>
    <div class="instructor-info-row">
        <span class="label">Telefonní číslo: </span>
        <span class="value">{{instructorData.phone | phone}}</span>
    </div>
    <div class="instructor-info-row">
        <span class="label">Pohlaví: </span>
        <span class="value">{{instructorData.gender | gender}}</span>
    </div>
    <h4>Adresa:</h4>
    <div class="instructor-info-row">
        <span class="label">Město: </span>
        <span class="value">{{instructorData.addressCity}}</span>
    </div>
    <div class="instructor-info-row">
        <span class="label">Ulice a ČP: </span>
        <span class="value">{{instructorData.addressStreet}}</span>
    </div>
    <div class="instructor-info-row">
        <span class="label">PSČ: </span>
        <span class="value">{{instructorData.addressZip}}</span>
    </div>
</div>
