{% from "_bypass.html" import render_bypass %}
<tbody id="row-{{ ep.guid }}">
  <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 text-xs">{{ 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>
    {%- set meta_findings = report.get_episode_findings(ep.guid, 'meta') -%}
    {%- set image_findings = report.get_episode_findings(ep.guid, 'image') -%}
    {%- set audio_findings = report.get_episode_findings(ep.guid, 'audio') -%}
    {%- set has_errors = meta_findings or image_findings or audio_findings -%}
    <td {% if has_errors %}style="cursor: pointer;" onclick="document.getElementById('details-{{ ep.guid }}').hidden = !document.getElementById('details-{{ ep.guid }}').hidden"{% endif %}>
      {%- if not has_errors -%}
        <span class="badge ok" title="OK">
          <span style="position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;">OK</span>
          {% include "icon_circle.svg" %}
        </span>
      {%- else -%}
        {%- macro render_badge(findings, icon_svg, a11y_text) -%}
          {%- if findings -%}
            {%- set has_fail = findings|selectattr('level', 'equalto', level_fail)|list -%}
            {%- set codes = findings|map(attribute='code')|unique|join(', ') -%}
            {%- if has_fail -%}
              <span class="badge fail" title="{{ codes }}">
                <span style="position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;">{{ a11y_text }}: {{ codes }}</span>
                {{ icon_svg|safe }}
              </span>
            {%- else -%}
              <span class="badge warn" title="{{ codes }}">
                <span style="position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;">{{ a11y_text }}: {{ codes }}</span>
                {{ icon_svg|safe }}
              </span>
            {%- endif -%}
          {%- endif -%}
        {%- endmacro -%}
        {% set icon_audio %}{% include "icon_audio.svg" %}{% endset %}
        {% set icon_image %}{% include "icon_image.svg" %}{% endset %}
        {% set icon_meta %}{% include "icon_meta.svg" %}{% endset %}
        {{ render_badge(audio_findings, icon_audio, 'Audio issues') }}
        {{ render_badge(image_findings, icon_image, 'Image issues') }}
        {{ render_badge(meta_findings, icon_meta, 'Metadata issues') }}
      {%- endif -%}
    </td>
  </tr>
  <tr id="details-{{ ep.guid }}" {% if not (expand_details|default(False) and has_errors) %}hidden{% endif %}>
    <td colspan="5">
      <div style="display: flex; flex-direction: column; width: 100%;">
        {%- set has_audio_fail = audio_findings | selectattr("level", "equalto", level_fail) | list | length > 0 -%}
        {%- set _show_audio_bypass = show_audio_bypass if show_audio_bypass is defined else false -%}
        {%- set has_image_fail = image_findings | selectattr("level", "equalto", level_fail) | list | length > 0 -%}
        {%- set _show_image_bypass = show_image_bypass if show_image_bypass is defined else false -%}

        {% set all_findings = meta_findings + image_findings + audio_findings %}
        {% if all_findings %}
          <div class="stack" style="gap: 0.5rem; margin: 0; width: 100%;">
            {% for f in all_findings %}
              <div style="display: flex; gap: 0.5rem; align-items: baseline; justify-content: space-between;">
                <div style="display: flex; gap: 0.5rem; align-items: baseline; flex: 1;">
                  <div style="flex-shrink: 0;"><span class="badge {{ 'fail' if f.level == level_fail else 'warn' }}">{{ f.domain.value }}</span></div>
                  <div class="muted text-sm" style="line-height: 1.4;">{{ f.message }}</div>
                </div>
                
                <div style="flex-shrink: 0; display: flex; align-items: center;">
                  {% if loop.index0 == meta_findings|length and f.domain.value == 'image' %}
                    {%- if _show_image_bypass -%}
                      {{ render_bypass(ep.image_url, ep.guid, slug) }}
                    {%- elif image_findings|length > 0 -%}
                      <form id="recheck-form-{{ ep.guid }}"
                            method="post" action="/episodes/{{ ep.guid }}/probe-image"
                            hx-post="/episodes/{{ ep.guid }}/probe-image"
                            hx-target="closest tbody" hx-swap="outerHTML"
                            class="inline m-0">
                        <input type="hidden" name="slug" value="{{ slug }}">
                        <button type="submit" class="text-xs nowrap htmx-loading-hide" style="display: inline-flex; align-items: center; gap: 0.25rem; padding:.1rem .3rem;">{{ icon_image }} recheck</button>
                        <span class="htmx-indicator text-xs muted" style="padding:.1rem .3rem;">rechecking…</span>
                      </form>
                    {%- endif -%}
                  {% elif loop.index0 == meta_findings|length + image_findings|length and f.domain.value == 'audio' %}
                    {%- if _show_audio_bypass -%}
                      {{ render_bypass(ep.audio.url, ep.guid, slug) }}
                    {%- elif has_audio_fail or (pe and not pe.ok) -%}
                      <form id="reprobe-form-{{ ep.guid }}"
                            method="post" action="/episodes/{{ ep.guid }}/probe?inline=1"
                            hx-post="/episodes/{{ ep.guid }}/probe?inline=1"
                            hx-target="closest tbody" hx-swap="outerHTML"
                            class="inline m-0">
                        <input type="hidden" name="slug" value="{{ slug }}">
                        <button type="submit" class="text-xs nowrap htmx-loading-hide" style="display: inline-flex; align-items: center; gap: 0.25rem; padding:.1rem .3rem;">{{ icon_audio }} reprobe</button>
                        <span class="htmx-indicator text-xs muted" style="padding:.1rem .3rem;">reprobe…</span>
                      </form>
                    {%- endif -%}
                  {% endif %}
                </div>
              </div>
            {% endfor %}
          </div>
        {% else %}
          <p class="muted text-sm" style="margin: 0;">No errors or warnings.</p>
        {% endif %}
      </div>
    </td>
  </tr>
</tbody>