{% macro verdict_badge(verdict) %}<span class="badge badge--{{ verdict }}">{{ verdict }}</span>{% endmacro %}

{% macro result_row(r, expandable=True) %}
<tr class="result-row"{% if expandable %} onclick="toggleDetail(this)" tabindex="0" role="button" aria-expanded="false"{% endif %}>
  <td class="mono">{% if expandable %}<span class="row-detail-arrow" aria-hidden="true">▸</span>{% endif %}<span class="local-time" data-utc="{{ r.queried_at.isoformat() }}">{{ r.queried_at.strftime("%Y-%m-%d %H:%M") }}</span></td>
  <td>{{ r.provider }}</td>
  <td>{{ r.ioc_type.value }}</td>
  <td class="mono">{{ r.ioc_value }}</td>
  <td>{{ verdict_badge(r.verdict.value) }}</td>
  <td class="mono">{{ r.score if r.score is not none else "—" }}</td>
  <td class="col-summary" title="{{ r.summary }}">{{ r.summary }}</td>
</tr>
{% if expandable %}
<tr class="row-detail" hidden>
  <td colspan="7">
    {% if r.permalink %}<p><a href="{{ r.permalink }}" target="_blank" rel="noopener noreferrer">View source ↗</a></p>{% endif %}
    <pre class="mono">{{ r.raw | tojson(indent=2) }}</pre>
  </td>
</tr>
{% endif %}
{% endmacro %}

{% macro results_table(results, verdict_label="Verdict", expandable=True) %}
<div class="table-scroll">
<table class="data-table">
  <thead>
    <tr>
      <th>Time</th>
      <th>Provider</th>
      <th>Type</th>
      <th>Value</th>
      <th>{{ verdict_label }}</th>
      <th>Score</th>
      <th>Summary</th>
    </tr>
  </thead>
  <tbody id="results-tbody">
    {% for r in results %}
    {{ result_row(r, expandable) }}
    {% endfor %}
  </tbody>
</table>
</div>
{% endmacro %}