<nav class="nav nav-tabs d-flex mb-0">
<a class="flex-fill text-center rounded-0 border-0 bg-grey-10 nav-link frivol-xhr {{ app.request.attributes.get('_route') == 'app_groups_index_top' ? 'active' : '' }}" href="{{ path('app_groups_index_top') }}">Beliebt</a>
<a class="flex-fill text-center rounded-0 border-0 bg-grey-10 nav-link frivol-xhr {{ app.request.attributes.get('_route') == 'app_groups_index_publicindex' ? 'active' : '' }}" href="{{ path('app_groups_index_publicindex') }}">Öffentlich</a>
{% if is_granted('ROLE_MEMBER') %}
<a class="flex-fill text-center rounded-0 border-0 bg-grey-10 nav-link frivol-xhr {{ app.request.attributes.get('_route') == 'app_groups_index_inviteonly' ? 'active' : '' }}" href="{{ path('app_groups_index_inviteonly') }}">Privat</a>
<a class="flex-fill text-center rounded-0 border-0 bg-grey-10 nav-link frivol-xhr {{ app.request.attributes.get('_route') == 'app_groups_index_mygroups' ? 'active' : '' }}" href="{{ path('app_groups_index_mygroups') }}">Meine Gruppen</a>
{% endif %}
</nav>
<div class="filter row align-items-center bg-grey-10 py-3 mx-0 mb-3">
<h6 class="col-3 mb-0">Filter:</h6>
<form class="col-9">
<label for="group-category-selector" class="d-none">
Kategorie
</label>
<select class="col-12 form-control custom-select js-onchange-reload-location" size="1" id="group-category-selector" required>
<option value="0" {{ app.request.attributes.get('category') == 0 ? 'selected="selected"' : '' }}>Kategorie: bitte wählen</option>
{% for value, label in getGroupCategories() %}
<option value="{{ path(app.request.attributes.get('_route'), {category: value, page: 1}) }}" {{ app.request.attributes.get('category') == value ? 'selected="selected"' : '' }}>{{ label }}</option>
{% endfor %}
</select>
</form>
</div>
{% if is_granted('ROLE_MEMBER') %}
<a href="{{ path('app_groups_group_create') }}" class="btn btn-primary mb-3 frivol-xhr">
<i class="fas fa-plus-square"></i>
Gruppe erstellen
</a>
{% endif %}