{% extends "_base.html" %}
{% from "_category_select.html" import category_select %}
{% block title %}Show settings — offshore{% endblock %}
{% block content %}
<h1>Show settings</h1>
<p class="muted" style="font-size:.875rem;"><span style="color:#c00">*</span> required</p>
<form method="post" action="/show/edit" class="stack">
  <input type="hidden" name="slug" value="{{ slug }}">
  <label>Slug</label>              <input type="text" name="slug_display" value="{{ show.slug }}" disabled>
  <label>GUID</label>              <input type="text" value="{{ show.guid }}" disabled title="Show GUID never changes.">
  <label>Title</label>              <input type="text" name="title" value="{{ show.title }}" required>
  <label>Subtitle</label>           <input type="text" name="subtitle" value="{{ show.subtitle or '' }}">
  <label>Description</label>        <textarea name="description" required style="min-height: 4rem;">{{ show.description }}</textarea>
  <label>Homepage URL</label>       <input type="url" name="link" value="{{ show.link or '' }}">
  <label>Language</label>           <input type="text" name="language" value="{{ show.language }}" required>
  <label>Copyright</label>          <input type="text" name="copyright" value="{{ show.copyright or '' }}">
  <label>Type</label>
    <select name="type">
      <option value="episodic" {% if show.type == 'episodic' %}selected{% endif %}>episodic</option>
      <option value="serial" {% if show.type == 'serial' %}selected{% endif %}>serial</option>
    </select>
  <label>Author</label>              <input type="text" name="author" value="{{ show.author }}" required>
  <label>Owner name</label>          <input type="text" name="owner_name" value="{{ show.owner.name }}" required>
  <label>Owner email</label>         <input type="email" name="owner_email" value="{{ show.owner.email }}" required>
  <label>Cover image URL</label>     <input type="url" name="image_url" value="{{ show.image_url }}" required>
  {% if show.meta.asset_check.image == "fail" %}
    <div class="full">
      <p style="color:#c00; margin:.25rem 0 0; font-size:.875rem;">
        <span class="badge fail">image check failed</span>
        {{ show.meta.asset_check.image_warnings[0] if show.meta.asset_check.image_warnings else "could not verify this image" }}
      </p>
    </div>
  {% elif show.meta.asset_check.image_warnings %}
    <div class="full">
      {% for w in show.meta.asset_check.image_warnings %}
        <p class="muted" style="margin:.25rem 0 0; font-size:.875rem;">
          <span class="badge warn">image warning</span> {{ w }}
        </p>
      {% endfor %}
    </div>
  {% endif %}
  <label>Feed self URL</label>       <input type="url" name="feed_self_url" value="{{ show.feed_self_url }}" required>
  <label>Hub URL</label>             <input type="url" name="hub_url" value="{{ show.hub_url or '' }}">
  <label>Keywords (comma-separated)</label>
    <input type="text" name="keywords" value="{{ show.keywords|join(', ') }}">
  {{ category_select(show.categories[0].cat, show.categories[0].sub or "", apple_categories) }}
  <label>Explicit</label>            <input type="checkbox" name="explicit" value="true" {% if show.explicit %}checked{% endif %}>
  <label>Output path
    <span class="muted" style="font-size:.8rem; font-weight:normal;">
      Full file path for the generated feed, including the filename (e.g. <code>/my/site/podcast.xml</code>).
    </span>
  </label>
  <input type="text" name="output_path"
         value="{{ output_path_value if output_path_value is defined else (show.output_path or '') }}"
         placeholder="{{ show_dir }}/podcast.xml"
         style="font-family:monospace;"
         {% if output_path_error is defined and output_path_error %}aria-invalid="true"{% endif %}>
  {% if output_path_error is defined and output_path_error %}
    <p style="color:#c00; margin:.25rem 0 0; font-size:.875rem;">{{ output_path_error }}</p>
  {% endif %}
  <div class="full"><button type="submit" class="primary">Save</button></div>
</form>

<h2>People roster</h2>
<table>
  <thead><tr><th>id</th><th>Name</th><th>href</th></tr></thead>
  <tbody>
    {% for p in show.people %}
      <tr><td class="muted">{{ p.id }}</td><td>{{ p.name }}</td><td class="muted">{{ p.href or '' }}</td></tr>
    {% endfor %}
  </tbody>
</table>
<h3>Add person</h3>
<form method="post" action="/show/people/add" class="stack">
  <input type="hidden" name="slug" value="{{ slug }}">
  <label>id</label>    <input type="text" name="id" required pattern="[a-zA-Z0-9_-]+">
  <label>Name</label>  <input type="text" name="name" required>
  <label>href</label>  <input type="url" name="href">
  <div class="full"><button type="submit">Add</button></div>
</form>

<hr style="margin: 2rem 0; border: none; border-top: 1px solid var(--border);">
<h2 style="color:#b23;">Danger zone</h2>
<p>Permanently delete this show and all its episodes. This cannot be undone.</p>
<button type="button" class="danger" onclick="document.getElementById('delete-dialog').showModal()">
  Delete show
</button>

<dialog id="delete-dialog">
  <h3 style="margin-top:0;">Delete &ldquo;{{ show.title }}&rdquo;?</h3>
  <p>
    This will permanently remove the show and all its episode data from disk.
    <strong>There is no undo.</strong>
  </p>
  <p>
    Before proceed, consider download a backup of the show data:
    <a href="/show/download-data?slug={{ slug }}" download="{{ slug }}.json" style="font-weight:bold;">
      Download {{ slug }}.json
    </a>
  </p>
  <p>To confirm, type the show slug <code>{{ slug }}</code> below:</p>
  <form method="post" action="/show/delete">
    <input type="hidden" name="slug" value="{{ slug }}">
    <input type="text" name="confirm_slug" required
           placeholder="{{ slug }}"
           autocomplete="off"
           pattern="{{ slug }}"
           title="Type the slug exactly to confirm"
           style="width:100%; margin-bottom:.75rem; padding:.35rem .5rem;
                  border:1px solid var(--border); border-radius:4px; font:inherit;">
    <div style="display:flex; gap:.5rem; justify-content:flex-end;">
      <button type="button" onclick="document.getElementById('delete-dialog').close()">Cancel</button>
      <button type="submit" class="danger">Delete permanently</button>
    </div>
  </form>
</dialog>
{% endblock %}