{#
  Episode audio status badge + inline probe button.

  Context variables
  -----------------
  ep       — Episode object
  pe       — ProbeEntry | None  (from report.probe.get(ep.guid))
  slug     — show slug (needed for the probe form)
  ep_id    — CSS-safe id string for this row's status span, e.g. "ep-status-<safe_guid>"
             Callers must pre-compute this and pass it in so that both the
             initial table render and the inline probe response use the same id.

  Three states
  ------------
  ok           → green  "OK"               (pe exists and pe.ok is True)
  invalid      → red    "invalid audio"    (pe exists, pe.ok is False, error is NOT just unreachable)
  unverified   → yellow "audio unverified" (no pe, or pe.ok is False due to unreachability)

  "invalid audio" means we positively know the file is bad (wrong format, drift, mutagen error).
  "audio unverified" means we simply don't have a fresh successful probe yet — could be transient.
  Both states show a small "Probe" button for convenience.
#}
{%- set needs_button = not (pe and pe.ok) -%}
{%- set is_hard_failure = pe and not pe.ok and pe.error
      and 'unreachable' not in pe.error
      and 'audio-error' not in pe.error -%}
<span id="{{ ep_id }}">
  {%- if pe and pe.ok -%}
    <span class="badge ok" title="Probed {{ pe.probed_at.strftime('%Y-%m-%d %H:%M') }}">OK</span>
  {%- elif is_hard_failure -%}
    <span class="badge fail" title="{{ pe.error }}">audio invalid</span>
  {%- else -%}
    <span class="badge warn">audio unverified</span>
  {%- endif -%}
  {%- if needs_button -%}
    <form method="post"
          action="/episodes/{{ ep.guid }}/probe?inline=1"
          hx-post="/episodes/{{ ep.guid }}/probe?inline=1"
          hx-target="#{{ ep_id }}"
          hx-swap="outerHTML"
          style="display:inline; margin-left:.35rem;">
      <input type="hidden" name="slug" value="{{ slug }}">
      <button type="submit" style="padding:.15rem .5rem; font-size:.8rem;">Probe</button>
    </form>
  {%- endif -%}
</span>