@if (show$|async; as show) {
  <div class="page">
    <div class="title">
      <div class="left">{{ show.showType|showType }}</div>
      <div class="right">{{ show.date.toDate() | date: 'dd.MM.yyyy' }}</div>
    </div>
    <div class="view">
      <swiper-container scrollbar="true">
        @for (song of show.songs; track trackBy(i, song); let i = $index) {
          <swiper-slide
            class="song-swipe">
            <div class="song-title">{{ song.title }}</div>
            <div class="legal">
              @if (song.artist) {
                <p>{{ song.artist }}</p>
              }
            </div>
            <app-song-text
              [text]="song.text"
            ></app-song-text>
          </swiper-slide>
        }
      </swiper-container>
    </div>
  </div>
}


