{%- extends "base.html" %}

{%- block content %}
{%- if show_metadata %}
{%- set show_line %}
  {%- if show_metadata.title %}<strong>{{ show_metadata.title }}</strong>{% endif %}
  {%- if show_metadata.year %} ({{ show_metadata.year }}){% endif %}
  {%- if show_metadata.rating %} ★{{ show_metadata.rating }}{% endif %}
{%- endset %}
{%- if show_metadata.plot %}
<details class="show-meta">
  <summary>{{ show_line }}</summary>
  <p class="file-plot">{{ show_metadata.plot }}</p>
</details>
{%- else %}
<p class="show-meta">{{ show_line }}</p>
{%- endif %}
{%- endif %}
{%- if folders %}
<h2>Folders</h2>
<ul>
  {%- for folder in folders %}
  <li><a href="{{ url_for('browse', subpath=folder.slug_path) }}">{{ folder.name }}</a></li>
  {%- endfor %}
</ul>
{%- endif %}
{% if files %}
<h2>Media Files</h2>
<ul class="files">
  {%- for file in files %}
  <li>
    {%- if file.metadata and file.metadata.kind == 'audio' %}
    <span class="file-title">
      {%- if file.metadata.track %}{{ "%02d." | format(file.metadata.track | int) }} {% endif %}
      {%- if file.metadata.title %}{{ file.metadata.title }}{% else %}{{ file.name }}{% endif %}
    </span> —
    <a href="{{ file.stream_url }}" target="_blank"><button>💾 Download</button></a>
    <a href="{{ url_for('play', subpath=file.slug_path) }}"><button>🎬 Play</button></a>
    <button onclick="copyToClipboard('{{ file.stream_url }}', this)">
      🔗 Copy URL
    </button>
    <span class="file-name">
      {%- if file.metadata.artist %}{{ file.metadata.artist }} - {% endif %}
      {%- if file.metadata.album %}{{ file.metadata.album }} - {% endif %}
      {%- if file.metadata.duration %}{{ file.metadata.duration }} - {% endif %}
      {{- file.name }}</span>
    {%- elif file.metadata and file.metadata.title %}
    <span class="file-title">{{ file.metadata.title }}</span> —
    <a href="{{ file.stream_url }}" target="_blank"><button>💾 Download</button></a>
    <a href="{{ url_for('play', subpath=file.slug_path) }}"><button>🎬 Play</button></a>
    <button onclick="copyToClipboard('{{ file.stream_url }}', this)">
      🔗 Copy URL
    </button>
    {%- set meta_line %}
      {%- if file.metadata.episode_marker %}{{ file.metadata.episode_marker }} - {% endif %}
      {%- if file.metadata.year %}{{ file.metadata.year }} - {% endif %}
      {%- if file.metadata.rating %}★{{ file.metadata.rating }} - {% endif %}
      {%- if file.metadata.duration %}{{ file.metadata.duration }} - {% endif %}
      {{- file.name }}
    {%- endset %}
    {%- if file.metadata.plot %}
    <details class="file-details">
      <summary class="file-name">{{ meta_line }}</summary>
      <p class="file-plot">{{ file.metadata.plot }}</p>
    </details>
    {%- else %}
    <span class="file-name">{{ meta_line }}</span>
    {%- endif %}
    {%- else %}
    {{ file.name }} —
    <a href="{{ file.stream_url }}" target="_blank"><button>💾 Download</button></a>
    <a href="{{ url_for('play', subpath=file.slug_path) }}"><button>🎬 Play</button></a>
    <button onclick="copyToClipboard('{{ file.stream_url }}', this)">
      🔗 Copy URL
    </button>
    {%- endif %}
  </li>
  {%- endfor %}
</ul>

<h2>Play All Files</h2>
<p>
  <a href="{{ playlist_stream_url }}" target="_blank"><button>💾 Download playlist</button></a>
  <a href="{{ url_for('play', subpath=slugified_path) }}"><button>🎬 Play all files in browser</button></a>
  <button onclick="copyToClipboard('{{ playlist_stream_url }}', this)">
    ▶️ Copy Stream URL for playlist
  </button>
</p>
{%- endif %}
{%- endblock %}