{% extends "users.twig" %}

{% block subcontent %}

{#<h3>List users</h3>#}

{% if users|length == 0 %}
    <p>No users found</p>
{% else %}
<div class="listing-filter">
    <label for="list-filter">Filter</label>
    <input type="text" class="listing-filter__input" id="list-filter" placeholder="Start typing to filter list">
</div>

<table>
<thead>
<tr>
    <th class="list-col sort-asc" style="width: 25%">Name</th>
    <th class="list-col" style="width: 20%">Username</th>
    {% if is_granted('ROLE_ALL_USERS') %}
    <th class="list-col" style="width: 30%">Department</th>
    {% endif %}
    <th class="list-col" style="width: 20%">User level</th>
    <th style="width: 5%">&nbsp;</th>
    {#<th>&nbsp;</th>#}
</tr>
</thead>
<tbody>
{% for user in users %}
<tr>
    <td>
    {% if is_granted('EDIT_USER', user) %}
        <a href="{{ path('user.edit', {'user': user.id}) }}">{{ user.displayname }}</a>
    {% else %}
        {{ user.displayname }}
    {% endif %}
    </td>
    <td>{{ user.username }}</td>
    {% if is_granted('ROLE_ALL_USERS') %}
    <td>{{ app.departments.name(user.department) }}</td>
    {% endif %}
    {#<td>{{ user.roles[0] }}</td>#}
    <td>{{ app.user_levels[user.userLevel] }}</td>
    <td>{% if is_granted('EDIT_USER', user) %}
        <ul class="action-list">
            <li><a href="{{ path('user.edit', {'user': user.id}) }}">Edit</a></li>
            {# <li>{% if user.enabled %}<a href="/">Disable</a>{% else %}<a href="/">Enable</a>{% endif %} #}
        </ul>
    
    {% endif %}</td>
    {#<td><a href="{{ path('profile.edit', {'userid': user.id}) }}">View profile</a>#}
</tr>
{% endfor %}
</tbody>
</table>
{% endif %}

{% endblock %}