<article @php post_class() @endphp>
  <section class="playlist">
    <!-- Playlist Info -->
    <header>
      @php
        $volume = get_field('volume');
        $date = get_field('date');
        $client = get_field('client');
        $tag = get_field('tag');
      @endphp
      <h1 class="entry-title">
        {{ get_the_title() }}
      </h1>
      @if($client)
        <h4>Client: {{ $client->name }}</h4>
      @endif
      @if($tag)
        <h4>Tag: {{ $tag->name }}</h4>
      @endif
      <h4>Volume: {{ $volume }}</h4>
      <h4>Date: {{ $date }}</h4>
    </header>

    <!-- Generated Playlist -->
    @if (have_rows('playlist'))
      <ol>
        @while(have_rows('playlist')) @php(the_row())
          @php($audio = get_sub_field('audio'))
          <!-- Tracks -->
          <li data-name="{{$audio['title']}}" data-artist="" data-url="{{$audio['url']}}" data-art="{{$audio['icon']}}">
            <h2>{{$audio['title']}}</h2>
            <audio controls>
              <source src="{{$audio['url']}}">
            </audio>
          </li>
        @endwhile
      </ol>
    @endif
  </section>
</article>