{% extends "base.html" %}
{% block title %}{{ item.artist }} — {{ item.title }} — alembic{% endblock %}
{% block content %}
<a class="back-link" href="/library">&larr; back to library</a>

<div class="page-header">
  <div>
    <h1>{{ item.artist }} — {{ item.title }}</h1>
    <p class="subtitle muted mono truncate" style="max-width:none;">{{ item.path }}</p>
  </div>
</div>

{% if request.query_params.get('changed') %}
<div class="notice success">Updated {{ request.query_params.get('changed') }} field(s).</div>
{% endif %}

<h2>Edit tags</h2>
<div class="panel" style="max-width:560px;">
  <form method="post" action="/library/track/{{ item.id }}">
    {% for field in editable_fields %}
    <div class="field">
      <label for="{{ field }}">{{ field }}</label>
      <input type="text" id="{{ field }}" name="{{ field }}" value="{{ item.get(field, '') or '' }}">
    </div>
    {% endfor %}
    <button type="submit" class="btn btn-primary">Save</button>
  </form>
</div>

<h2>Set genre for this artist (all their tracks)</h2>
<div class="panel" style="max-width:560px;">
  <form method="post" action="/library/track/{{ item.id }}/genre">
    <input type="hidden" name="artist" value="{{ item.artist }}">
    <div class="field">
      <label for="genre">Genre</label>
      <input type="text" id="genre" name="genre" required placeholder="IDM; Electronic">
    </div>
    <button type="submit" class="btn">Set genre</button>
  </form>
</div>

<h2>Re-fetch metadata from Spotify/iTunes URL</h2>
<div class="panel" style="max-width:560px;">
  <form method="post" action="/library/track/{{ item.id }}/retag">
    <div class="field">
      <label for="url">URL</label>
      <input type="text" id="url" name="url" required>
    </div>
    <label class="checkbox-field"><input type="checkbox" name="keep_genre" value="true"> Keep existing genre</label>
    <button type="submit" class="btn">Retag</button>
  </form>
</div>
{% endblock %}