@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>
}