{% extends "ClarolineCoreBundle:Workspace:layout.html.twig" %}

{% block title %}
    {{ parent() ~ ' - ' ~ team.getName() | striptags | raw }}
{% endblock %}

{% block breadcrumb %}
    {{
        macros.workspaceBreadcrumbs(
            workspace,
            [
                {
                    'name': 'claroline_team_tool'|trans({}, 'tools'),
                    'href': path('claro_team_user_menu', {'workspace': workspace.getId()})
                },
                {
                    'name': team.getName(),
                    'href': ''
                }
            ]
        )
    }}
{% endblock %}

{% block section_content %}
    <div class="panel-heading">
        <h3 class="panel-title">
            {{ team.getName() }}

            {% if isTeamManager %}
                <i id="edit-team-btn"
                   class="fa fa-cog pointer-hand pull-right"
                   data-team-id="{{ team.getId() }}"
                   data-toggle="tooltip"
                   data-placement="left"
                   title="{{ 'edit_team'|trans({}, 'team') }}"
                >
                </i>
            {% endif %}
        </h3>
    </div>
    <div class="panel-body">

        {% if team.getDescription() is not empty %}
            <div class="well well-sm">
                {{ team.getDescription()|raw }}
            </div>
        {% endif %}

        <div>
            <label>
                {{ 'team_directory_link'|trans({}, 'team') }}
                :
            </label>

            {% if team.getDirectory() is not empty %}
                {% set directoryNode = team.getDirectory().getResourceNode() %}
                <a href="{{  path(
                        'claro_workspace_open_tool',
                        {'workspaceId': workspace.getId(), 'toolName': 'resource_manager'}
                    ) }}#resources/{{ directoryNode.getId() }}"
                    class="fa fa-folder-open"
                >
                    {{ directoryNode.getName() }}
                </a>
            {% else %}
                [{{ 'none'|trans({}, 'platform') }}]
            {% endif %}
        </div>
        <div>
            <label>
                {{ 'team_manager'|trans({}, 'team') }}
                :
            </label>

            {% if team.getTeamManager() is not empty %}
                {% set manager = team.getTeamManager() %}
                {{ manager.getFirstName() }}
                {{ manager.getLastName() }}
            {% else %}
                [{{ 'none'|trans({}, 'platform') }}]
            {% endif %}
        </div>

        {% if isTeamMember and team.getSelfUnregistration() %}
            <div>
                <label>
                    {{ 'unregister_from_team'|trans({}, 'team') }}
                    :
                </label>
                <i class="btn btn-danger btn-sm pointer-hand fa fa-sign-out"
                   id="unregister-btn"
                   data-team-id="{{ team.getId() }}"
                   data-team-name="{{ team.getName() }}"
                >
                </i>
            </div>
        {% endif %}
        <hr>

        <h3>{{ 'users'|trans({}, 'platform') }}</h3>
        <br>

        {% if users|length > 0 %}
            <div id="users-list" class="table-responsive">
                <table id="users-list-table" class="table">
                    <tr>
                        <th>{{ 'firstName'|trans({}, 'platform') }}</th>
                        <th>{{ 'lastName'|trans({}, 'platform') }}</th>
                        <th>{{ 'username'|trans({}, 'platform') }}</th>

                        {% if isTeamManager %}
                            <th></th>
                        {% endif %}
                    </tr>

                    {% for user in users %}
                        <tr id="row-user-{{ user.getId() }}">
                            <td>{{ user.getFirstName() }}</td>
                            <td>{{ user.getLastName() }}</td>
                            <td>{{ user.getUsername() }}</td>

                            {% if isTeamManager %}
                                <td class="text-center">
                                    <span class="btn btn-danger btn-sm unregister-user-btn"
                                          data-team-id="{{ team.getId() }}"
                                          data-user-id="{{ user.getId() }}"
                                          data-user-first-name="{{ user.getFirstName() }}"
                                          data-user-last-name="{{ user.getLastName() }}"
                                          data-user-username="{{ user.getUsername() }}"
                                    >
                                        {{ 'unregister'|trans({}, 'team') }}
                                    </span>
                                </td>
                            {% endif %}
                        </tr>
                    {% endfor %}
                </table>
            </div>
        {% else %}
            <div class="alert alert-warning">
                {{ 'no_user'|trans({}, 'platform') }}
            </div>
        {% endif %}
    </div>

    <div id="datas-block" data-workspace-id="{{ workspace.getId() }}">
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript"
            src="{{ url('bazinga_jstranslation_js', { 'domain': 'team' }) }}"
    >
    </script>
    <script src='{{ asset('bundles/clarolineteam/js/userTeamIndex.js') }}'
            type="text/javascript"
    >
    </script>
{% endblock %}