{% from "_log_entry.html" import log_entry %}
{%- set fail_count = job.results|rejectattr('ok')|list|length -%}
{%- set ok_count = job.completed - fail_count -%}
{%- if job.running %}
  {%- set summary = '<span class="badge warn">probing</span> ' ~ job.completed ~ '/' ~ job.total -%}
{%- elif job.error %}
  {%- set summary = '<span class="badge fail">error</span> ' ~ job.error -%}
{%- elif fail_count %}
  {%- set summary = '<span class="badge fail">' ~ fail_count ~ ' fail</span> <span class="badge ok">' ~ ok_count ~ ' ok</span>' -%}
{%- else %}
  {%- set summary = '<span class="badge ok">' ~ ok_count ~ ' probed</span>' -%}
{%- endif %}
<div id="log-probe"{% if job.running %}
     hx-get="/probe-status?slug={{ slug }}"
     hx-target="#log-probe"
     hx-swap="outerHTML"
     hx-trigger="load delay:800ms"{% endif %}>
  {% call log_entry("Probe", timestamp, summary, open=true) %}
    {% if job.running %}
      <div class="progress-outer"><div class="progress-inner" style="width: {{ job.percent }}%"></div></div>
      <p class="muted">{{ job.completed }} of {{ job.total }} episodes complete&hellip;</p>
    {% endif %}
    {% if job.results %}
      <table>
        <thead><tr><th>guid</th><th>status</th><th>details</th></tr></thead>
        <tbody>
          {% for r in job.results %}
            <tr>
              <td class="muted">{{ r.guid }}</td>
              <td>{% if r.ok %}<span class="badge ok">ok</span>{% else %}<span class="badge fail">fail</span>{% endif %}</td>
              <td>{{ r.message }}</td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    {% endif %}
  {% endcall %}
</div>