{% 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-content" 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="/generate"
        hx-post="/generate" hx-target="#log-generate-content" hx-swap="innerHTML"
        hx-indicator="#log-generate">
    <input type="hidden" name="slug" value="{{ slug }}">
    <button type="submit" class="primary">Generate feed</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>
  <div id="log-check-content">
    {% include "_check_report.html" %}
  </div>
</div>
<div class="log-slot" id="log-probe">
  <div class="working htmx-indicator">
    <span class="spinner"></span> Starting probe…
  </div>
  <div id="log-probe-content"></div>
</div>
<div class="log-slot" id="log-generate">
  <div class="working htmx-indicator">
    <span class="spinner"></span> Generating feed…
  </div>
  <div id="log-generate-content">
    {% if feed_url %}
      <p class="muted">Feed previously generated
        {% if feed_generated_at %}on {{ feed_generated_at.strftime('%Y-%m-%d %H:%M') }}{% endif %}
        — <a href="{{ feed_url }}" download>download podcast.xml</a>.
      </p>
    {% endif %}
  </div>
</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>
        {%- set ep_id = ep_ids[ep.guid] -%}
        {%- set pe = probe.get(ep.guid) -%}
        {% include "_episode_status.html" %}
      </td>
      <td>
        <a class="btn" href="/episodes/{{ ep.guid }}/edit?slug={{ slug }}">Edit</a>
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% endblock %}