{% extends "base.html" %}
{% block title %}Sign-in history{% endblock %}
{% block style %}
  table.plain { width: 100%; border-collapse: collapse; font-size: 13px; }
  table.plain th, table.plain td { text-align: left; padding: 7px 8px;
                                   border-bottom: 1px solid var(--line); }
  table.plain th { color: #3b4757; font-size: 12px; text-transform: uppercase;
                   letter-spacing: .4px; background: var(--head); }
  tr.wrong_password td, tr.locked td, tr.disabled_attempt td { color: var(--fail); }
{% endblock %}
{% block content %}
<h1>Sign-in history</h1>
<p class="sub">The latest 300: Sign-ins, Sign-outs, wrong passwords, locks,
  timeouts and every change an Admin made, newest first.</p>
{% if events %}
<div class="card">
  <table class="plain">
    <thead><tr><th>When</th><th>User</th><th>What</th><th>By</th></tr></thead>
    <tbody>{% for e in events %}<tr class="{{ e.event }}"><td>{{ e.at | usdate }}</td><td>{{ e.username }}</td><td>{{ e.event | replace('_', ' ') }}</td><td>{{ e.by_user or "" }}</td></tr>{% endfor %}</tbody>
  </table>
</div>
{% else %}<div class="empty">Nothing yet.</div>{% endif %}
{% endblock %}