{%- import 'ui/kit.html' as kit -%}
{%- set cols = [('spell', 'spell'), ('when', 'when (action)'), ('status', 'status'), ('runs', 'runs'), ('last', 'last run'), ('act', '')] -%}
{%- if flash %}{{ kit.flash(flash, tone) }}{% endif %}
{%- call kit.list('wands', cols, page, per, total, 'No spells yet. Create one to react to events.') %}
{%- for s in rows %}
<tr class="rowlink" onclick="event.stopPropagation();dj.get('/dash/spell?name={{ s.spell }}', '#drawer')">
  <td class="cb-col" onclick="event.stopPropagation()"><input type="checkbox" class="cb-row" value="{{ s.spell }}"></td>
  <td data-col="spell" class="fw">{{ s.spell }}</td>
  <td data-col="when">{{ s.action }}</td>
  <td data-col="status">{{ kit.active_pill(s.enabled) }}{% if s.runs %} <span class="pill mut" title="has run, definition frozen">locked</span>{% endif %}</td>
  <td data-col="runs">{{ s.runs }}</td>
  <td data-col="last">{% if s.last %}<span class="pill {{ s.last|pill_of }}">{{ s.last }}</span>{% else %}<span class="dim">-</span>{% endif %}</td>
  <td data-col="act" class="right nowrap" onclick="event.stopPropagation()">
    {%- if principal and principal.superadmin %}
    <button class="btn btn-sm btn-ghost" onclick="amebeSpellToggle('{{ s.spell }}')">{{ 'Disable' if s.enabled else 'Enable' }}</button>
    {%- endif %}
    <button class="btn btn-sm" onclick="dj.get('/dash/spell?name={{ s.spell }}', '#drawer')">runs</button>
  </td>
</tr>
{%- endfor %}
{%- endcall %}
{%- if close == 'modal' %}{{ kit.close_modal() }}{% elif close == 'drawer' %}{{ kit.close_drawer() }}{% endif %}