{% extends 'base.html' %}
{% block title %}Gebruikers{% endblock %}
{% block content %}
<div class="head">
  <div><div class="kicker">Team</div><h1>Gebruikers</h1></div>
  <a class="btn" href="{{ url_for('user_edit') }}">Nieuwe gebruiker</a>
</div>
<div class="card">
  <div class="table-wrap"><table>
    <thead><tr><th>Naam</th><th>E-mail</th><th>Rol</th><th class="num">Contacten</th><th>Status</th></tr></thead>
    <tbody>
    {% for u in rows %}
      <tr class="link" onclick="location='{{ url_for('user_edit', uid=u.id) }}'">
        <td><a href="{{ url_for('user_edit', uid=u.id) }}">{{ u.name }}</a></td>
        <td>{{ u.email }}</td>
        <td>{{ ROLE.get(u.role, u.role) }}</td>
        <td class="num">{{ u.n }}</td>
        <td>{% if not u.active %}<span class="chip verloren">Inactief</span>{% endif %}</td>
      </tr>
    {% endfor %}
    </tbody>
  </table></div>
</div>
<p class="muted">Beheerders kunnen ook gebruikers en instellingen beheren. Klanten krijgen toegang via het klantportaal (op de pagina van het contact).</p>
{% endblock %}