{% from "player/_icons.html" import play_icon, queue_add_icon %}

<div class="view-page album-view playlist-view" data-page="playlist">
  <div class="album-view-nav">
    <a class="back-link" href="{{ playlist_back_url }}" data-history-back data-nav>&larr; back</a>
    <a class="back-link" href="{{ playlist_index_url }}" data-nav>&uarr; index</a>
  </div>

  <header class="album-header">
    <div class="album-identity" data-album-playback-source data-playlist-id="{{ playlist.playlist_id }}">
      <div class="album-hero-cover-wrap">
        <img class="album-hero-cover playlist-cover-image" src="{{ playlist_cover_data_url }}" alt="" loading="lazy">
        {% if playlist.track_count %}
          <div class="album-cover-actions">
            <button class="album-cover-action play-icon-button" type="button" data-play-album
              aria-label="Play {{ playlist.name }}"
              title="Play">{{ play_icon() }}</button>
            <button class="album-cover-action queue-icon-button" type="button" data-queue-album data-queue-append
              aria-label="Add {{ playlist.name }} to the queue"
              title="Add to queue">{{ queue_add_icon() }}</button>
          </div>
        {% endif %}
      </div>
      <div class="album-detail-copy">
        <h2 title="{{ playlist.name }}">
          <span class="album-detail-title-text" title="{{ playlist.name }}">{{ playlist.name }}</span>
        </h2>
        <ul class="meta-list album-genre-meta">
          <li>Playlist</li>
          {% if playlist_path_text %}
            <li title="{{ playlist_path_text }}">{{ playlist_path_text }}</li>
          {% endif %}
        </ul>
      </div>
    </div>
  </header>

  {% set is_queue = false %}
  {% set show_track_play_button = false %}
  {% set show_playlist_track_menu = false %}
  <div class="album-track-sections">
    <section class="album-track-section">
      {% include "player/_track_table.html" %}
      <div class="album-table-toolbar">
        <ul class="meta-list album-track-meta">
          {% for part in playlist_track_meta %}
            <li>{{ part }}</li>
          {% endfor %}
        </ul>
      </div>
    </section>
  </div>
</div>