{% extends "base.html" %}
{% block title %}Edit {{ work.title }} — {{ library_name() }}{% endblock %}
{% block content %}
<nav aria-label="breadcrumb">
  <ul>
    <li><a href="/ui/catalog">Catalog</a></li>
    <li><a href="/ui/catalog/{{ work.id }}">{{ work.title }}</a></li>
    <li>Edit</li>
  </ul>
</nav>

<hgroup>
  <h2>Edit work</h2>
  <p>{{ work.title }}</p>
</hgroup>

{% if error %}<p class="error-banner">{{ error }}</p>{% endif %}

<form method="post" action="/ui/catalog/{{ work.id }}/edit">
  <input type="hidden" name="csrf_token" value="{{ csrf_token }}">

  <label for="title">Title <span class="required-marker" aria-hidden="true">*</span></label>
  <input type="text" id="title" name="title" value="{{ work.title }}" required>

  <label for="subtitle">Subtitle</label>
  <input type="text" id="subtitle" name="subtitle" value="{{ work.subtitle or '' }}">

  <div class="grid">
    <div>
      <label for="publisher">Publisher</label>
      <input type="text" id="publisher" name="publisher" value="{{ work.publisher or '' }}">
    </div>
    <div>
      <label for="publication_year">Year</label>
      <input type="number" id="publication_year" name="publication_year" value="{{ work.publication_year or '' }}" min="1" max="9999">
    </div>
  </div>

  <div class="grid">
    <div>
      <label for="edition">Edition</label>
      <input type="text" id="edition" name="edition" value="{{ work.edition or '' }}">
    </div>
    <div>
      <label for="language">Language <span class="field-hint" data-tooltip="2-letter ISO 639-1 code, e.g. 'en', 'fr', 'de', 'es'">ⓘ</span></label>
      <input type="text" id="language" name="language" value="{{ work.language or '' }}" maxlength="8">
    </div>
  </div>

  <label for="description">Description</label>
  <textarea id="description" name="description" rows="4">{{ work.description or '' }}</textarea>

  <div class="grid">
    <div>
      <label for="classification_scheme">Classification scheme <span class="field-hint" data-tooltip="Use 'lcc' for Library of Congress, 'ddc' for Dewey Decimal, or any custom scheme code.">ⓘ</span></label>
      <input type="text" id="classification_scheme" name="classification_scheme" value="{{ work.classification_scheme or '' }}">
    </div>
    <div>
      <label for="classification_code">Classification code</label>
      <input type="text" id="classification_code" name="classification_code" value="{{ work.classification_code or '' }}">
    </div>
  </div>

  <label for="cover_image_url">Cover image URL</label>
  <input type="url" id="cover_image_url" name="cover_image_url" value="{{ work.cover_image_url or '' }}">

  <p><small>
    ISBN, UPC, media type, and raw external metadata are not editable
    from this form. Fixing those typically requires a merge/split flow that
    Compendium doesn't offer yet. To add, remove, reorder, or rename creators, see
    <a href="/ui/catalog/{{ work.id }}/creators">Manage creators</a>.
  </small></p>

  <button type="submit" style="width:auto">Save</button>
  <a href="/ui/catalog/{{ work.id }}" role="button" class="outline secondary">Cancel</a>
</form>

{% set _has_lookup_key = work.isbn or work.upc
                          or (work.external_ids and (work.external_ids.get('mbid') or work.external_ids.get('tmdb_id'))) %}
{% if _has_lookup_key %}
<hr>
<h3>Refresh metadata</h3>
<p>
  <small>
    Re-fetch this work's metadata from an external source (Google Books,
    Open Library, MusicBrainz, or TMDb depending on media type). You'll see
    a preview of what would change before anything is committed. Text fields
    are only filled when the current value is empty; the cover URL is
    replaced if upstream offers a new one.
  </small>
</p>
{% if work.media_type and work.media_type.code == 'book' %}
  <a href="/ui/catalog/{{ work.id }}/refresh-metadata" role="button" class="outline">
    Refresh (configured: {{ book_primary_source | default('default') }})
  </a>
  <a href="/ui/catalog/{{ work.id }}/refresh-metadata?source=googlebooks" role="button" class="outline secondary" style="margin-left:0.5rem">
    Refresh from Google Books
  </a>
  <a href="/ui/catalog/{{ work.id }}/refresh-metadata?source=openlibrary" role="button" class="outline secondary" style="margin-left:0.5rem">
    Refresh from Open Library
  </a>
{% else %}
  <a href="/ui/catalog/{{ work.id }}/refresh-metadata" role="button" class="outline">
    Refresh from external source
  </a>
{% endif %}
{% endif %}
{% endblock %}