{% set layout = "ClarolineCoreBundle:Workspace:layout.html.twig" %}

{% if isDesktop() %}
    {% set layout = "ClarolineCoreBundle:Desktop:layout.html.twig" %}
{% endif %}

{% extends layout %}

{% block stylesheets %}
    {{ parent() }}
    <link href="{{ asset('bundles/ujmexo/css/tableLayout.css') }}" type="text/css" rel="stylesheet"/>
{% endblock %}

{% block title %} {{ 'see_shared_with' | trans }} {% endblock %}

{% block section_content %}

    <div class="panel-heading">
        <h3 class="panel-title">{{ 'see_shared_with' | trans }}</h3>
    </div>

    <div class="panel-body">
        <a href="{{ path('ujm_question_index') }}" class="btn btn-primary">
            <i class="fa fa-arrow-left"></i> {{ 'back' | trans }}
        </a>
    </div>

    <div class="list-group">
        <div class="list-group-item">

            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">{{ 'shared_user' | trans }}</h3>
                </div>

                <div class="panel-body">
                    {{ 'question_shared_with' | trans }} : <br/><br/>

                    {% if sharedWith is not empty %}
                        <table id="user-table" class="table table-striped table-bordered table-condensed">
                            <thead>
                                <tr style="background-color: lightsteelblue;">
                                    <th class="classic" onclick="SortQuestions('pseudo', 'user-table');"
                                        onmouseover="this.style.color = '#0099FF'; body.style.cursor = 'pointer';"
                                        onmouseout="this.style.color = 'black'; body.style.cursor = 'default';">
                                        <i class="fa fa-chevron-up" id="upSps"  style="display: none;"></i>
                                        <i class="fa fa-chevron-down" id="downSps"  style="display: none;"></i>
                                        {{ 'username'|trans({}, 'platform') }}
                                    </th>
                                    <th class="classic" onclick="SortQuestions('name', 'user-table');"
                                        onmouseover="this.style.color = '#0099FF'; body.style.cursor = 'pointer';"
                                        onmouseout="this.style.color = 'black'; body.style.cursor = 'default';">
                                        <i class="fa fa-chevron-up" id="upSn"  style="display: none;"></i>
                                        <i class="fa fa-chevron-down" id="downSn"  style="display: none;"></i>
                                        {{ 'last_name'|trans({}, 'platform') }}
                                    </th>
                                    <th class="classic" onclick="SortQuestions('fname', 'user-table');"
                                        onmouseover="this.style.color = '#0099FF'; body.style.cursor = 'pointer';"
                                        onmouseout="this.style.color = 'black'; body.style.cursor = 'default';">
                                        <i class="fa fa-chevron-up" id="upSp"  style="display: none;"></i>
                                        <i class="fa fa-chevron-down" id="downSp"  style="display: none;"></i>
                                        {{ 'first_name'|trans({}, 'platform') }}
                                    </th>
                                </tr>
                            </thead>
                            {% for share in sharedWith %}
                                <tr>
                                    <td class="classic">{{ share.userName }}</td>
                                    <td class="classic">{{ share.lastName }}</td>
                                    <td class="classic">{{ share.firstName }}</td>
                                </tr>
                            {% endfor %}
                        </table>
                    {% else %}
                        <div class="alert alert-info">{{ 'no_user_found'|trans }} ...</div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    <script type="text/javascript" src="{{ asset('bundles/ujmexo/js/sortAndSearch.js') }}"></script>
{% endblock %}