{% extends "index.html.twig" %}

{% block searchBar %}
    {% set searchParams = {
        'placeholder':'Benutzer durchsuchen',
        'action' : path('users_search')
    } %}
    {{ parent() }}
{% endblock %}

{% block searchBtn %}
    {{ parent() }}
{% endblock %}

{% block searchTerm %}
    {% set resetPath = path('users_search',{reset: true}) %}
    {{ parent() }}
{% endblock %}

{% block breadcrumbMenu %}
    {% if is_granted('tank_create') %}
        <a class="btn" href="{{ path('users_create') }}">
            <i class="fas fa-plus"></i>
            Neuen Benutzer erstellen
        </a>
    {% endif %}
{% endblock %}

{% block breadcrumb %}
    Benutzer
{% endblock %}

{% block body %}
    <div class="Rtable Rtable--collapse">
        <div class="Rtable-row Rtable-row--head scrollfixed">
            <div class="Rtable-cell rw-10 column-heading">
                Aktiv
                <a class="btn btn{{ orderBy is defined and orderBy == 'u.active' ? '-light' : '-outline-light' }} btn-sm" href="{{ path('users',{'orderBy':'u.active', 'orderDir':orderBy is defined and orderBy == 'u.active' ? orderDir =='ASC'?'DESC':'ASC':'ASC'}) }}">
                    <i class="fas fa-sort{{ orderBy is defined and orderBy == 'u.active' ? orderDir is defined ? orderDir =='ASC' ? '-up' : '-down' : '' : '' }}"></i>
                </a>
            </div>
            <div class="Rtable-cell rw-15 column-heading">
                Oxaion Sachb. Nr.
            </div>
            <div class="Rtable-cell rw-15 column-heading">
                Benutzername
                <a class="btn btn{{ orderBy is defined and orderBy == 'u.name' ? '-light' : '-outline-light' }} btn-sm" href="{{ path('users',{'orderBy':'u.name', 'orderDir':orderBy is defined and orderBy == 'u.name' ? orderDir =='ASC'?'DESC':'ASC':'ASC'}) }}">
                    <i class="fas fa-sort{{ orderBy is defined and orderBy == 'u.name' ? orderDir is defined ? orderDir =='ASC' ? '-up' : '-down' : '' : '' }}"></i>
                </a>
            </div>
            <div class="Rtable-cell rw-15 column-heading">
                Name
                <a class="btn btn{{ orderBy is defined and orderBy == 'concat(u.firstname,u.lastname)' ? '-light' : '-outline-light' }} btn-sm" href="{{ path('users',{'orderBy':'concat(u.firstname,u.lastname)', 'orderDir':orderBy is defined and orderBy == 'concat(u.firstname,u.lastname)' ? orderDir =='ASC'?'DESC':'ASC':'ASC'}) }}">
                    <i class="fas fa-sort{{ orderBy is defined and orderBy == 'concat(u.firstname,u.lastname)' ? orderDir is defined ? orderDir =='ASC' ? '-up' : '-down' : '' : '' }}"></i>
                </a>
            </div>
            <div class="Rtable-cell rw-15 column-heading">
                Firma
                <a class="btn btn{{ orderBy is defined and orderBy == 'c.name' ? '-light' : '-outline-light' }} btn-sm" href="{{ path('users',{'orderBy':'c.name', 'orderDir':orderBy is defined and orderBy == 'c.name' ? orderDir =='ASC'?'DESC':'ASC':'ASC'}) }}">
                    <i class="fas fa-sort{{ orderBy is defined and orderBy == 'c.name' ? orderDir is defined ? orderDir =='ASC' ? '-up' : '-down' : '' : '' }}"></i>
                </a>
            </div>
            <div class="Rtable-cell rw-20 column-heading">
                Gruppe
                <a class="btn btn{{ orderBy is defined and orderBy == 'g.name' ? '-light' : '-outline-light' }} btn-sm" href="{{ path('users',{'orderBy':'g.name', 'orderDir':orderBy is defined and orderBy == 'g.name' ? orderDir =='ASC'?'DESC':'ASC':'ASC'}) }}">
                    <i class="fas fa-sort{{ orderBy is defined and orderBy == 'g.name' ? orderDir is defined ? orderDir =='ASC' ? '-up' : '-down' : '' : '' }}"></i>
                </a>
            </div>
            <div class="Rtable-cell rw-15 column-heading">
                Letzter Login
            </div>
            <div class="Rtable-cell rw-10 column-heading"></div>
        </div>
        {% for user in users %}
            <div class="Rtable-row Rtable-row-{{ cycle(['odd', 'even'], loop.index0) }}">
                <div data-heading="Aktiv" class="Rtable-cell rw-10">
                    <div class="Rtable-cell--content ">
                        {% if user.active == true %}
                            <i class="fas fa-check text-success"></i>
                        {% else %}
                            <i class="fas fa-times text-danger"></i>
                        {% endif %}
                    </div>
                </div>
                <div data-heading="Name" class="Rtable-cell rw-15">
                    <div class="Rtable-cell--content">
                        {{ user.oxaionnumber }}
                    </div>
                </div>
                <div data-heading="Benutzername" class="Rtable-cell Rtable-cell-heading rw-15">
                    <div class="Rtable-cell--content">
                        {{ user.username }}
                        {% if user.id == app.user.id %}
                            <b>(eingeloggt)</b>
                        {% endif %}
                    </div>
                </div>
                <div data-heading="Name" class="Rtable-cell rw-15">
                    <div class="Rtable-cell--content">
                        {{ user.firstname }} {{ user.lastname }}
                    </div>
                </div>
                <div data-heading="Firma" class="Rtable-cell rw-15">
                    <div class="Rtable-cell--content">
                        {% if user.company %}
                            {{ user.company }}
                        {% endif %}
                    </div>
                </div>
                <div data-heading="Gruppe" class="Rtable-cell rw-20">
                    <div class="Rtable-cell--content">
                        {{ user.usergroup }}
                    </div>
                </div>
                <div data-heading="Firma" class="Rtable-cell rw-15">
                    <div class="Rtable-cell--content">
                        {% if user.lastlogin %}
                            {{ user.lastlogin|date("d.m.Y H:i:s") }}
                        {% else %}
                            <i class="fas fa-times text-danger"></i>
                        {% endif %}
                    </div>
                </div>
                <div class="Rtable-cell rw-10">
                    <div class="Rtable-cell--content d-flex justify-content-between">
                        {% if is_granted('user_edit') %}
                            {% if user.id != 1 and user.id != app.user.id %}
                                <a href="{{ path("users_edit",{'id':user.id}) }}"
                                   data-toggle="tooltip" title="Benutzer {{ user.username }} bearbeiten">
                                    <i class="fas fa-edit"></i>
                                </a>
                            {% elseif user.id == app.user.id %}
                                <a class="text-muted noload" data-toggle="tooltip" title="Das eigene Konto kann nicht bearbeitet werden">
                                    <i class="fas fa-edit"></i>
                                </a>
                            {% else %}
                                <a class="text-muted noload">
                                    <i class="fas fa-edit"></i>
                                </a>
                            {% endif %}
                        {% endif %}
                        {% if user.password starts with '$2' %}
                        {% else %}
                            <i class="fas fa-fw fa-info-circle" data-toggle="tooltip" title="Das Benutzerpasswort ist noch nicht neu gesetzt"></i>
                        {% endif %}
                        {% if is_granted('user_delete') %}
                            {% if user.id != 1 and user.id != app.user.id %}
                                <a class="text-danger requestModal noload" href="#"
                                   data-title="Benutzer löschen"
                                   data-message="Wollen Sie diesen Benutzer wirklich löschen?"
                                   data-successbtn="Benutzer löschen"
                                   data-path="{{ path('users_delete',{'id':user.id}) }}"
                                   data-toggle="tooltip" title="Benutzer {{ user.username }} löschen">
                                    <i class="fas fa-minus-circle"></i>
                                </a>
                            {% else %}
                                <a class="text-muted noload" data-toggle="tooltip" title="">
                                    <i class="fas fa-minus-circle"></i>
                                </a>
                            {% endif %}
                        {% endif %}
                    </div>
                </div>
            </div>
        {% else %}
            <div class="Rtable-row">
                <div class="Rtable-cell Rtable-cell-heading rw-100">
                    <div class="Rtable-cell--content ">
                        Es wurden keine Benutzer gefunden
                    </div>
                </div>
            </div>
        {% endfor %}
    </div>
{#    <div>#}
{#        {% if users|length > 0 %}#}
{#            {% if pager.hasNextPage() or pager.hasPreviousPage() %}#}
{#                {{ pagerfanta(pager, 'twitter_bootstrap4',{'prev_message': '<i class="fas fa-angle-left"></i>', 'next_message': '<i class="fas fa-angle-right"></i>'}) }}#}
{#            {% endif %}#}
{#        {% endif %}#}
{#    </div>#}
{% endblock %}