{% import 'ui/kit.html' as kit %}
{% call kit.modal(principal.name or principal.label, 'profile') %}
<div class="modal-body">
  <div class="kv" style="margin-bottom:20px">
    <div class="k">Signed in as</div><div class="fw">{{ principal.name or principal.label }}</div>
    <div class="k">Role</div><div><span class="pill ok">{{ role }}</span></div>
    <div class="k">Version</div><div class="mono">amebo {{ version }}</div>
  </div>
  <h3 style="font-size:13px;margin:0 0 10px">Recent admin activity</h3>
  {%- if not audit_rows %}<p class="hint">No admin activity recorded yet.</p>
  {%- else %}
  <div class="table-wrap"><table class="data">
    <thead><tr><th>when</th><th>action</th><th>detail</th></tr></thead>
    <tbody>{% for a in audit_rows %}<tr><td class="mono dim">{{ a.ts|when }}</td><td class="fw">{{ a.action }}</td><td class="dim">{{ a.target }}{% if a.target and a.detail %} &middot; {% endif %}{{ a.detail }}</td></tr>{% endfor %}</tbody>
  </table></div>
  {%- endif %}
</div>
<div class="modal-foot">
  <button type="button" class="btn btn-ghost" onclick="document.getElementById('modal').innerHTML=''">Close</button>
  <button class="btn btn-danger" onclick="dj.post('/logout', null)">Log out</button>
</div>
{% endcall %}