{% extends "base.html" %}
{% block title %}{{ tag.tag_id }} · Tag albums{% endblock %}
{% block body %}
<p><a href="/">← All tags</a></p>
<h1><code>{{ tag.tag_id }}</code></h1>
<p class="muted">
  {% if tag.assigned %}Currently plays <strong>{{ tag.album }}</strong> · {{ tag.artist }}.{% else %}No album assigned yet.{% endif %}
</p>

<h2>Search the music library</h2>
<input type="search" name="q" placeholder="Album or artist…" autofocus autocomplete="off"
       hx-get="/tags/{{ tag.tag_id }}/search" hx-trigger="input changed delay:400ms, search"
       hx-target="#results" hx-indicator="#searching">
<p id="searching" class="muted htmx-indicator">Searching…</p>
<div id="results"></div>
{% endblock %}