{% extends "base.html.j2" %}

{% block page_content %}
<div class="container">
  <div class="row">
    <div class="col s12">
      <h1 id="title">{{ title }}</h1>
    </div>

    <div class="col s12">
      <div class="card">
        <div class="card-content">
          <div class="admin-user-list no-autoinit" id="admin-user-list"></div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock page_content %}

{% block scripts %}
{{ super() }}
<script>
  let adminUserListElement = document.querySelector('#admin-user-list');
  let adminUserList = new AdminUserList(adminUserListElement);
  adminUserList.add(
    [
      {% for user in users %}
      {{ user.to_json_serializeable(backrefs=True)|tojson }},
      {% endfor %}
    ]
  );
</script>
{% endblock scripts %}