{% extends "_base.html" %}
{% block title %}{{ show.title }} — offshore{% endblock %}
{% block content %}
<h1>{{ show.title }}</h1>
<p class="muted">{{ show.description }}</p>

<div class="row" style="margin: 1rem 0;">
  <form method="post" action="/check"
        hx-post="/check" hx-target="#log-check" hx-swap="innerHTML"
        hx-indicator="#log-check">
    <input type="hidden" name="slug" value="{{ slug }}">
    <button type="submit">Run check</button>
  </form>
  <form method="post" action="/probe-all"
        hx-post="/probe-all" hx-target="#log-probe" hx-swap="innerHTML"
        hx-indicator="#log-probe">
    <input type="hidden" name="slug" value="{{ slug }}">
    <button type="submit">Probe all</button>
  </form>
  <form method="post" action="/generate"
        hx-post="/generate" hx-target="#log-generate" hx-swap="innerHTML"
        hx-indicator="#log-generate">
    <input type="hidden" name="slug" value="{{ slug }}">
    <button type="submit" class="primary">Generate feed</button>
  </form>
  <form method="post" action="/generate"
        hx-post="/generate" hx-target="#log-generate" hx-swap="innerHTML"
        hx-indicator="#log-generate">
    <input type="hidden" name="slug" value="{{ slug }}">
    <input type="hidden" name="force" value="true">
    <button type="submit" class="danger" title="Skip failing checks and write the feed anyway.">Generate anyway (--force)</button>
  </form>
</div>

<h2>Activity</h2>
<div class="log-slot" id="log-check">
  <div class="working htmx-indicator">
    <span class="spinner"></span> Running checks…
  </div>
  {% include "_check_report.html" %}
</div>
<div class="log-slot" id="log-probe">
  <div class="working htmx-indicator">
    <span class="spinner"></span> Starting probe…
  </div>
</div>
<div class="log-slot" id="log-generate">
  <div class="working htmx-indicator">
    <span class="spinner"></span> Generating feed…
  </div>
  {% if feed_url %}
    <p class="muted">Feed previously generated —
      <a href="{{ feed_url }}" download>download podcast.xml</a>.
    </p>
  {% endif %}
</div>

<h2>Episodes ({{ episodes|length }})</h2>
<table>
  <thead>
    <tr><th>#</th><th>Title</th><th>pub_date</th><th>Duration</th><th>Status</th><th></th></tr>
  </thead>
  <tbody>
    {% for ep in episodes %}
    <tr>
      <td>{{ ep.episode_number if ep.episode_number is not none else '—' }}</td>
      <td>
        <a href="/episodes/{{ ep.guid }}/edit?slug={{ slug }}">{{ ep.title }}</a>
        <div class="muted" style="font-size: .85rem;">{{ ep.guid }}</div>
      </td>
      <td class="muted">{{ ep.pub_date.strftime('%Y-%m-%d %H:%M') }}</td>
      <td class="muted">
        {% if ep.audio.duration_seconds %}
          {% set total = ep.audio.duration_seconds|int %}
          {% set h = total // 3600 %}{% set m = (total % 3600) // 60 %}{% set s = total % 60 %}
          {% if h %}{{ '%d:%02d:%02d'|format(h, m, s) }}{% else %}{{ '%d:%02d'|format(m, s) }}{% endif %}
        {% else %}
          —
        {% endif %}
      </td>
      <td>
        {% if ep.audio.length_bytes and ep.audio.mime_type %}
          <span class="badge ok">probed</span>
        {% else %}
          <span class="badge warn">unprobed</span>
        {% endif %}
      </td>
      <td>
        <a class="btn" href="/episodes/{{ ep.guid }}/edit?slug={{ slug }}">Edit</a>
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% endblock %}