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

{% block page_content %}
<div class="col s12">
  <div class="card">
    <div class="card-content">
      <span class="card-title">User list</span>
      <div id="users">
        <div class="input-field">
          <i class="material-icons prefix">search</i>
          <input id="search-corpus" class="search" type="text"></input>
          <label for="search-corpus">Search users</label>
        </div>
        {{ table }}
        <ul class="pagination"></ul>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">
var options = {
  valueNames: ['username', 'email', 'role', 'confirmed', 'id'],
  page: 10,
  pagination: true
};
var userList = new List('users', options);
</script>
{% endblock %}