{% 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>Publish date</th><th>Duration</th><th>Status</th></tr>
  </thead>
    {% for ep in episodes %}
    {%- set pe = probe.get(ep.guid) -%}
    {% include "_episode_row.html" %}
    {% endfor %}
</table>
{% endblock %}