{% macro tooltip_connected_users(row) %}

{% set user = row.getUser() %}
<span id='tooltip-usr'>
    <table id='tabledescexp' cellpadding='0' cellspacing='0'>
        <tr>
            <td class='tooltip-title' colspan='2' valign='center' >usr_id : {{ user.getId() }}</td>
        </tr>
        <tr>
            <td colspan='2' style='height: 10px;'></td>
        </tr>
        <tr>
            <td colspan='2'><strong>{{ 'admin::compte-utilisateur nom' | trans }} : </strong>{{ user.getDisplayName() }}</td>
        </tr>
        <tr>
            <td colspan='2'><strong>{{ 'admin::compte-utilisateur societe' | trans }} : </strong>{{ user.getCompany() }}</td>
        </tr>
        <tr>
            <td colspan='2'><strong>{{ 'admin::compte-utilisateur telephone' | trans }} : </strong>{{ user.getPhone() }}</td>
        </tr>
        <tr>
            <td colspan='2'><strong>{{ 'admin::compte-utilisateur email' | trans }} : </strong>{{ user.getEmail() }}</td>
        </tr>
        <tr>
            <td colspan='2'><strong>{{ 'admin::monitor: bases sur lesquelles l\'utilisateur est connecte :' | trans }} :</strong></td>
        </tr>
        {% for databox in app.getAclForUser(user).get_granted_sbas() %}
            <tr>
                <td colspan='2' style='overflow:hidden;' >{{ databox.get_label(app['locale']) }}</td>
            </tr>
        {% endfor %}
        <tr>
            <td colspan='2' valign='center' >
                <strong>{{ row.getPlatform() }} / {{ row.getBrowserName() }} - {{ row.getBrowserVersion() }}</strong><br/>
                {% if row.getToken() %}
                    {{ 'Session persistente' | trans }}
                {%endif%}
            </td>
        </tr>
    </table>
</span>
{% endmacro %}

<div class="tableTitle">{{ 'admin::utilisateurs: utilisateurs connectes' | trans }}</div>

<div class="center">
    <table class="whoisTable" >
        <tr>
            <td class="colTitle" nowrap >{{ 'admin::monitor: module production' | trans }}</td>
            <td class="colValue" nowrap >{{ data['applications'][1]  }}</td>
        </tr>
        <tr>
            <td class="colTitle" nowrap >{{ 'admin::monitor: module client' | trans }}</td>
            <td class="colValue" >{{ data['applications'][2] }}</td>
        </tr>
        <tr>
            <td  class="colTitle" >{{ 'admin::monitor: module admin' | trans }}</td>
            <td  class="colValue" >{{ data['applications'][3] }}</td>
        </tr>
        <tr>
            <td  class="colTitle" >{{ 'admin::monitor: module report' | trans }}</td>
            <td  class="colValue" >{{ data['applications'][4] }}</td>
        </tr>
        <tr>
            <td  class="colTitle" >{{ 'admin::monitor: module thesaurus' | trans }}</td>
            <td  class="colValue" >{{ data['applications'][5] }}</td>
        </tr>
        <tr>
            <td  class="colTitle" >{{ 'admin::monitor: module comparateur' | trans }}</td>
            <td  class="colValue" >{{ data['applications'][6] }}</td>
        </tr>
        {% if data['applications'][0] != 0 %}
        <tr>
            <td  class="colTitle" >{{ 'admin::monitor: total des utilisateurs uniques :' | trans }}</td>
            <td  class="colValue" >{{ data['applications'][0] }}</td>
        </tr>
        {% endif %}
    </table>
</div>

<hr class="spacehr">

<div class="center">
    <table class='admintable connected-users'>
        <thead>
            <tr>
                <th style="width:140px;" >{{ 'admin::monitor: utilisateur' | trans }}</th>
                <th style="width:100px;" >{{ 'admin::monitor: modules' | trans }}</th>
                <th style="width:120px;" >{{ 'phraseanet:: adresse' | trans }}</th>
                <th style="width:140px;" >{{ 'admin::monitor: date de connexion' | trans }}</th>
                <th style="width:140px;" >{{ 'admin::monitor: dernier access' | trans }}</th>
                <th style="width:140px;"></th>
            </tr>
        </thead>
        <tbody>
            {% for session in data['sessions'] %}
                {% set row = session['session'] %}
            <tr data-user="{{ row.getUser().getId() }}" title="{{ _self.tooltip_connected_users(row) | e }}" class="{% if loop.index is odd %}odd{% else %}even{% endif %} usrTips" id="TREXP_{{ row.getId()}}">

                {% if row.getId() == app['session'].get('session_id') %}
                    <td style="color:#ff0000"><i>{{ row.getUser().getDisplayName() }}</i></td>
                {% else %}
                    <td>{{ row.getUser().getDisplayName() }}</td>
                {% endif %}

                <td>
                    {% for module in row.getModules() %}
                        {{ module.getmoduleId() | AppName }}<br>
                    {% endfor %}
                </td>

                <td>{{ row.getIpAddress() }}<br/>{{ session['info'] }}</td>
                <td>{{ app['date-formatter'].getDate(row.getCreated()) }}</td>
                <td>{{ app['date-formatter'].getPrettyString(row.getUpdated()) }}</td>
                <td>
                    {% if row.getId() != app['session'].get('session_id') %}
                        <form method="post" action="/admin/connected-users/{{ row.getId() }}/disconnect" class="form-inline">
                            <input type="submit" class="btn btn-secondary pull-right" value="Disconnect">
                        </form>
                    {% endif %}
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>

<script type="text/javascript">
    $.widget.bridge('uitooltip', $.ui.tooltip);
    $(document).ready(
    function(){
        $('.usrTips').uitooltip({
            content: function() {
                return $( this ).attr( "title" );
            },
            classes: {
                "ui-tooltip": "ui-tooltip ui-corner-all ui-widget ui-widget-content"
            }
        });

        $('.connected-users tbody tr').on('dblclick', function () {
            var userId = $(this).attr('data-user');

            $('#right-ajax').empty().addClass('loading');
            $.ajax({
                type: 'POST',
                url: '../admin/users/rights/',
                data: {
                    users: userId
                },
                success: function (data) {
                    $('#right-ajax').removeClass('loading').html(data);
                }
            });
            return false;
        });
    }
);
</script>