{% macro renderPager(pager, cursus, search, orderedBy, order, max) %}
    {{
        pagerfanta(
            pager,
            'twitter_bootstrap_translated',
            {
                'proximity' : 1,
                'routeName': 'claro_cursus_registration_unregistered_groups_list',
                'routeParams': {
                    'cursus': cursus.getId(),
                    'search': search,
                    'orderedBy': orderedBy,
                    'order': order,
                    'max': max
                }
            }
        )
    }}
{% endmacro %}

{% macro sortUrl(cursus, search, orderedBy, order, max) %}
    {% if order == 'ASC' %}
        {% set newOrder = 'DESC' %}
    {% else %}
        {% set newOrder = 'ASC' %}
    {% endif %}
    {{ 
        path(
            'claro_cursus_registration_unregistered_groups_list',
            {
                'cursus': cursus.getId(), 
                'search': search,
                'orderedBy': orderedBy,
                'order': newOrder,
                'max': max
            }
        )
    }}
{% endmacro %}

{% from _self import renderPager %}
{% from _self import sortUrl %}

{% if search != '' %}
    <div class="alert alert-info">
        {{ 'results_for_search_on'|trans({}, 'platform') }} :
        "{{ search }}"
    </div>
{% endif %}

<div class="input-group col-md-6 pull-right">
    <input class="form-control search-group"
           type="text"
           id="search-group-input"
           data-ordered-by="{{ orderedBy }}"
           data-order="{{ order }}"
           data-max="{{ max }}"
           placeholder="{{ 'search'|trans({}, 'platform') }}"
           value="{{ search }}"
    >
    <span class="input-group-btn">
        <button class="filter btn btn-default"
                type="button"
                id="search-group-btn"
        >
            <i class="fa fa-search"></i>
        </button>
    </span>
</div>
<br>
<br>
<br>

{% if groups|length == 0 %}
    <div class="alert alert-warning">
        {{ 'no_group'|trans({}, 'platform') }}
    </div>
{% else %}
    <div class="table-responsive">
        <table class="table table-striped table-bordered table-condensed">
            <tr>
                <th>
                    <a href="{{ sortUrl(cursus, search, 'name', order, max) }}"
                       data-ordered-by="name"
                    >
                        {{ 'name'|trans({}, 'platform') }}
                    </a>
                </th>
                <th>
                </th>
            </tr>
            
            {% for group in groups %}
                <tr id="registration-row-group-{{ group.getId() }}">
                    <td>{{ group.getName() }}</td>
                    <td class="text-center">
                        <span class="btn btn-success btn-sm pointer-hand register-group-btn"
                              data-group-id="{{ group.getId() }}"
                              data-group-name="{{ group.getName() }}"
                        >
                            {{ 'register'|trans({}, 'cursus') }}
                        </span>
                    </td>
                </tr>
            {% endfor %}
        </table>
    </div>
        
    {% if groups.getNbPages() > 1 %}
        {{ renderPager(groups, cursus, search, orderedBy, order, max) }}
    {% endif %}
{% endif %}