{% macro sortUrl(workspaceId, orderedBy, order) %}
    {% if order == 'ASC' %}
        {% set newOrder = 'DESC' %}
    {% else %}
        {% set newOrder = 'ASC' %}
    {% endif %}

    {{ path('claro_team_manager_menu', {'workspace': workspaceId, 'orderedBy': orderedBy, 'order': newOrder }) }}
{% endmacro %}

{% from _self import sortUrl %}

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

{% block title %}
    {{ parent() ~ ' - ' ~ "claroline_team_tool" | trans({}, "tools") | striptags | raw }}
{% endblock %}

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

{% block section_content %}
    <div class="panel-heading">
        <h3 class="panel-title">
            {{ 'claroline_team_tool'|trans({}, 'tools') }}
        </h3>
    </div>
    <div class="panel-body">
        <div>
            <a href="{{ path('claro_team_multiple_create_form', {'workspace': workspace.getId()}) }}"
               class="btn btn-primary margin-bottom-md"
            >
                <i class="fa fa-plus-circle"></i>
                {{ 'create_teams'|trans({}, 'team') }}
            </a>
            <a href="{{ path('claro_team_parameters_edit_form', {'params': params.getId()}) }}"
               class="btn btn-primary margin-bottom-md"
            >
                <i class="fa fa-cog"></i>
                {{ 'default_parameters'|trans({}, 'team') }}
            </a>
        </div>
        <hr>

        {% if teams|length > 0 %}
            <div class="btn-group pull-right">
                <button type="button"
                        class="btn btn-default teams-action-btn disabled"
                        id="fill-teams-btn"
                        data-toggle="tooltip"
                        data-placement="top"
                        title="{{ 'fill_selected_teams_with_unregistered_users'|trans({}, 'team') }}"
                >
                    <i class="fa fa-sign-in"></i>
                    {{ 'automatic_fill'|trans({}, 'team') }}
                </button>
                <button type="button"
                        class="btn btn-default teams-action-btn disabled"
                        id="empty-teams-btn"
                        data-toggle="tooltip"
                        data-placement="top"
                        title="{{ 'unregister_all_users_from_selected_teams'|trans({}, 'team') }}"
                >
                    <i class="fa fa-sign-out"></i>
                    {{ 'empty_action'|trans({}, 'team') }}
                </button>
                <button type="button"
                        class="btn btn-default teams-action-btn disabled"
                        id="delete-teams-btn"
                        data-toggle="tooltip"
                        data-placement="top"
                        title="{{ 'delete_selected_teams'|trans({}, 'team') }}"
                >
                    <i class="fa fa-trash-o"></i>
                    {{ 'delete'|trans({}, 'platform') }}
                </button>
            </div>
            <br>
            <br>
            <div id="teams-list" class="table-responsive">
                <table class="table">
                    <tr>
                        <th></th>
                        <th>
                            <a href="{{ sortUrl(workspace.getId(), 'name', order) }}">
                                {{ 'team'|trans({}, 'team') }}
                            </a>
                        </th>
                        <th class="text-center">
                            <a href="{{ sortUrl(workspace.getId(), 'description', order) }}">
                                {{ 'description'|trans({}, 'platform') }}
                            </a>
                        </th>
                        <th class="text-center">
                            {{ 'users'|trans({}, 'platform') }}
                        </th>
                        <th class="text-center">
                            <a href="{{ sortUrl(workspace.getId(), 'maxUsers', order) }}"
                               data-toggle="tooltip"
                               data-placement="top"
                               title="{{ 'maximum_informations'|trans({}, 'team') }}"
                            >
                                {{ 'maximum'|trans({}, 'team') }}
                            </a>
                        </th>
                        <th class="text-center">
                            <a href="{{ sortUrl(workspace.getId(), 'selfRegistration', order) }}"
                               data-toggle="tooltip"
                               data-placement="top"
                               title="{{ 'public_registration'|trans({}, 'team') }}"
                            >
                                <i class="fa fa-sign-in"></i>
                            </a>
                        </th>
                        <th class="text-center">
                            <a href="{{ sortUrl(workspace.getId(), 'selfUnregistration', order) }}"
                               data-toggle="tooltip"
                               data-placement="top"
                               title="{{ 'public_unregistration'|trans({}, 'team') }}"
                            >
                                <i class="fa fa-sign-out"></i>
                            </a>
                        </th>
                        <th class="text-center">
                            {{ 'actions'|trans({}, 'platform') }}
                        </th>
                    </tr>

                    {% for team in teams %}
                        <tr id="row-team-{{ team.getId() }}">
                            <td>
                                <input type="checkbox"
                                       class="team-chk"
                                       value="{{ team.getId() }}"
                                >
                                </td>
                            </td>
                            <td>
                                <a href="{{ path('claro_team_manager_team_index', {'team': team.getId()}) }}">
                                    {{ team.getName() }}
                                </a>
                            </td>
                            <td class="text-center">
                                {% if team.description() is not empty %}
                                    <i class="fa fa-eye view-team-description-btn pointer-hand"
                                       data-team-id="{{ team.getId() }}"
                                       data-team-name="{{ team.getName() }}"
                                    >
                                    </i>
                                {% else %}
                                    -
                                {% endif %}
                            </td>
                            <td class="text-center">
                                <span class="pointer-hand view-users-list-btn"
                                      data-team-id="{{ team.getId() }}"
                                      data-team-name="{{ team.getName() }}"
                                      id="nb-users-{{ team.getId() }}"
                                >
                                    {% if nbUsers[team.getId()] is defined %}
                                        {{ nbUsers[team.getId()] }}
                                    {% else %}
                                        0
                                    {% endif %}
                                </span>
                            </td>
                            <td class="text-center">
                                {% if team.getMaxUsers() is not empty %}
                                    {{ team.getMaxUsers() }}
                                {% else %}
                                    -
                                {% endif %}
                            </td>
                            <td class="text-center">
                                {% if team.getSelfRegistration() %}
                                <i class="fa fa-check-circle" style="color: #5CB85C"></i>
                                {% else %}
                                <i class="fa fa-times-circle" style="color: #D9534F"></i>
                                {% endif %}
                            </td>
                            <td class="text-center">
                                {% if team.getSelfUnregistration() %}
                                    <i class="fa fa-check-circle" style="color: #5CB85C"></i>
                                {% else %}
                                    <i class="fa fa-times-circle" style="color: #D9534F"></i>
                                {% endif %}
                            </td>
                            <td class="text-center">

                                {% if team.getDirectory() is not empty %}
                                    <span class="btn btn-default btn-sm team-directory-btn"
                                          data-node-id="{{ team.getDirectory().getResourceNode().getId() }}"
                                          data-toggle="tooltip"
                                          data-placement="top"
                                          title="{{ 'go_to_team_directory'|trans({}, 'team') }}"
                                    >
                                        <i class="fa fa-folder-open"></i>
                                    </span>
                                {% endif %}
                                <span class="btn btn-success btn-sm register-users-btn"
                                      data-team-id="{{ team.getId() }}"
                                      data-team-name="{{ team.getName() }}"
                                      data-toggle="tooltip"
                                      data-placement="top"
                                      title="{{ 'register_unregister_users_to_team'|trans({}, 'team') }}"
                                >
                                    <i class="fa fa-sign-in"></i>
                                </span>
                                <span class="btn btn-default btn-sm edit-team-btn"
                                   data-team-id="{{ team.getId() }}"
                                   data-toggle="tooltip"
                                   data-placement="top"
                                   title="{{ 'edit_team'|trans({}, 'team') }}"
                                >
                                    <i class="fa fa-cog"></i>
                                </span>
                                <span class="btn btn-danger btn-sm delete-team-btn"
                                      data-team-id="{{ team.getId() }}"
                                      data-team-name="{{ team.getName() }}"
                                      data-toggle="tooltip"
                                      data-placement="top"
                                      title="{{ 'delete_team'|trans({}, 'team') }}"
                                >
                                    <i class="fa fa-trash-o"></i>
                                </span>
                            </td>
                        </tr>
                    {% endfor %}
                </table>
            </div>
        {% else %}
            <div class="alert alert-warning">
                {{ 'no_team'|trans({}, 'team') }}
            </div>
        {% endif %}

        <a href="{{ path('claro_team_create_form', {'workspace': workspace.getId()}) }}"
           class="btn btn-default btn-sm margin-bottom-md"
        >
            <i class="fa fa-plus"></i>
            {{ 'create_a_team'|trans({}, 'team') }}
        </a>
    </div>

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

    <div id="view-registration-users-box" class="modal fade" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <h3 id="view-registration-users-header" class="modal-header">
                </h3>
                <div id="view-registration-users-body" class="modal-body">
                </div>
                <div class="modal-footer">
                    <button type="button"
                           class="btn btn-default"
                           data-dismiss="modal"
                    >{{ 'close'|trans({}, 'platform') }}</button>
                </div>
            </div>
        </div>
    </div>

    <div id="view-registered-users-box" class="modal fade" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <h3 id="view-registered-users-header" class="modal-header">
                </h3>
                <div id="view-registered-users-body" class="modal-body">
                </div>
                <div class="modal-footer">
                    <button type="button"
                           class="btn btn-default"
                           data-dismiss="modal"
                    >{{ 'close'|trans({}, 'platform') }}</button>
                </div>
            </div>
        </div>
    </div>

    <div id="view-team-description-box" class="modal fade" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <h3 id="view-team-description-header" class="modal-header">
                </h3>
                <div id="view-team-description-body" class="modal-body">
                </div>
                <div class="modal-footer">
                    <button type="button"
                           class="btn btn-default"
                           data-dismiss="modal"
                    >{{ 'close'|trans({}, 'platform') }}</button>
                </div>
            </div>
        </div>
    </div>

    <div id="delete-team-validation-box" class="modal fade" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 id="delete-team-validation-header"></h4>
                </div>
                <div class="modal-body">
                    <p>{{ 'delete_team_confirm_message'|trans({}, 'team') }}</p>
                    <br>
                    <div class="checkbox">
                        <label>
                            <input id="delete-team-directory-chk" type="checkbox">
                            {{ 'delete_team_directory'|trans({}, 'team') }}
                        </label>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button"
                           class="btn btn-default"
                           data-dismiss="modal"
                    >{{ 'cancel'|trans({}, 'platform') }}</button>
                    <button type="submit"
                           id="delete-team-confirm-btn"
                           class="btn btn-primary"
                    >{{ 'ok'|trans({}, 'platform') }}</button>
                </div>
            </div>
        </div>
    </div>

    <div id="delete-teams-validation-box" class="modal fade" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4>
                        {{ 'delete_teams'|trans({}, 'team') }}
                    </h4>
                </div>
                <div class="modal-body">
                    <p>{{ 'delete_selected_teams_confirm_message'|trans({}, 'team') }}</p>
                    <br>
                    <div class="checkbox">
                        <label>
                            <input id="delete-teams-directory-chk" type="checkbox">
                            {{ 'delete_team_directory'|trans({}, 'team') }}
                        </label>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button"
                           class="btn btn-default"
                           data-dismiss="modal"
                    >{{ 'cancel'|trans({}, 'platform') }}</button>
                    <button type="submit"
                           id="delete-teams-confirm-btn"
                           class="btn btn-primary"
                    >{{ 'ok'|trans({}, 'platform') }}</button>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

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