{% extends 'showElements_base.html.twig' %}

{% block title %}{{ 'All users'|trans  }}{% endblock %}

{% block breadcrumb_buttons %}
    <div class="breadcrumb_button" style="display:none">
        <a href="{{ path("new_user") }}" class="waves-effect"><i class="fas fa-plus"></i></a>
    </div>
{% endblock %}

{% block extra_breadcrumb_buttons %}
    <div class="breadcrumb_button" style="display:none">
        <a href="#!" class="waves-effect custom_print_button"><i class="fas fa-print"></i></a>
    </div>
{% endblock %}

{% block body_content %}

<div class="container-fluid uniqueprintbutton">

    <table id="table_users" class="display table-hover datatable clickable" style="width:100%" data-datatable-ajax="{{ datatable_ajax }}" data-ajax-path="{{ path("get_users_datatable") }}">
        <thead>
            <tr>
                <th></th>
                <th>{{ 'Username'|trans }}</th>
                <th>{{ 'Email'|trans }}</th>
                <th>{{ 'users.departments'|trans }}</th>
                <th>{{ 'Partner Contracts'|trans }}</th>
                <th>{{ 'Role'|trans }}</th>
                <th class="d-print-none">{{ 'Options'|trans }}</th>
            </tr>
        </thead>
        <tbody>
    {% for user in users %}
        <tr data-element={{ user.id }} data-path="{{path("show_user", {id:user.id})}}">
            <td>{{ user.getId() }}</td>
            <td>{{ user.getUsername() }}</td>
            <td>{{ user.getEmail() }}</td>
            <td>{{ user.getDepartmentsListColor()| raw }}</td>
            <td>{{ user.getPartnerContractsListColor()| raw }}</td>
            <td>{{ user.getRolesList() }}</td>
            <td class="options" data-element="{{ user.getId()}}">
                <div class="dropdown">
                    <a type="button" class="btn-floating btn-sm options" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span>
                    <i class="fas fa-ellipsis-h"></i>
                    </span></a>
                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                    <a class="dropdown-item edit" href="{{ path('edit_user', {'id': user.getId()}) }}">{{ 'Edit'|trans }} <i class="fas fa-edit"></i></a>
                    <button class="dropdown-item delete" href="#" data-path="{{path("delete_user", {id:user.id})}}">{{ 'Delete'|trans }} <i class="fas fa-trash-alt"></i></button>
                    </div>
                </div>
            </td>
        </tr>
    {% endfor %}
        </tbody>
    </table>
</div>

{% endblock %}