{%- import 'ui/kit.html' as kit %}{% import 'ui/broker/_icons.html' as icons %}{% import 'ui/broker/_fmt.html' as fmt -%}
{{ fmt.flash(message, tone) }}
{%- set cols = [('username', 'username'), ('source', 'source'), ('role', 'role'), ('act', '')] %}
{% call kit.list('users', cols, 1, 100000, users|length, 'No user accounts yet.') %}
{%- for u in users %}
<tr>
  <td class="cb-col"><input type="checkbox" class="cb-row" value="{{ u.username }}"></td>
  <td data-col="username" class="fw">{{ u.username }}</td>
  <td data-col="source" class="dim">{{ u.auth_source }}</td>
  <td data-col="role">{% if u.superadmin %}<span class="pill ok">superadmin</span>{% else %}<span class="pill mut">user</span>{% endif %}</td>
  <td data-col="act" class="right nowrap">
    <button class="icon-btn sm" title="Toggle superadmin" data-user="{{ u.username }}" onclick="var f=new FormData();f.append('username',this.dataset.user);dj.send('/dash/users/super',{method:'POST',target:'#list-users',body:f})">{{ icons.shield() }}</button>
    <button class="icon-btn sm" title="Delete user" data-user="{{ u.username }}" onclick="var f=new FormData();f.append('username',this.dataset.user);dj.send('/dash/users/delete',{method:'POST',target:'#list-users',body:f})">{{ icons.trash() }}</button>
  </td>
</tr>
{%- endfor %}
{% endcall %}