{% extends 'base.html.twig' %}

{% block title %}{{ 'My Groups'|phrase }}{% endblock title %}

{% block head_description %}{{ 'Manage my groups'|phrase }}{% endblock head_description %}
{% block head_keyword %}{{ 'manage, groups'|phrase }}{% endblock head_keyword %}

{% block og_title %}{{ 'My Groups'|phrase }}{% endblock og_title %}
{% block og_description %}{{ 'Manage my groups'|phrase }}{% endblock og_description %}

{% block head_script %}
    {{ parent() }}
    {{ encore_entry_script_tags('content') }}
    {{ encore_entry_script_tags('form') }}
{% endblock head_script %}

{% block head_style %}
    {{ parent() }}
    {{ encore_entry_link_tags('content') }}
    {{ encore_entry_link_tags('form') }}
{% endblock head_style %}

{% block page_header_h1 %}
    {{ 'My Groups'|phrase }}
{% endblock page_header_h1 %}

{% block content %}

    <div class="pull-right">
        {% include "@UserBundle/UserList/menu.html.twig" %}
    </div>

    <div class="navigation">
        {{ knp_pagination_render(pagination) }}
    </div>
    <table class="table">
        <tr>
            <th>
                {{ knp_pagination_sortable(pagination, 'Name'|phrase, 'ug.group_name') }}
            </th>
            <th>
                {{ knp_pagination_sortable(pagination, 'Created'|phrase, 'ug.created_at') }}
            </th>
            <th>{{ 'Members'|phrase }}</th>
            <th>
                {{ 'Actions'|phrase }}
                <a class="btn btn-primary"
                   href="{{ path('iga_user_group_edit', { 'cultureString': userLanguage.cultureString } ) }}"
                   >{{ 'Add'|phrase }}</a>
            </th>
        </tr>
        {% for userGroup in pagination %}
            <tr {% if loop.index is odd %} class="odd-row"{% endif %}>
                <td>{{ userGroup.groupName() }}</td>
                <td>{{ userGroup.createdAt.format('j F Y H:i') }}</td>
                <td>{{ userGroup.userList|length }}</td>
                <td>
                    <div class="btn-group">
                        <a class="btn btn-primary"
                           href="{{ path('iga_user_group_edit', { 'cultureString': userLanguage.cultureString, 'userGroupId': userGroup.id } ) }}"
                           >{{ 'Edit'|phrase }}</a>
                        <a class="btn btn-primary"
                           href="{{ path('iga_user_group_list', { 'cultureString': userLanguage.cultureString, 'deleteUserGroupId': userGroup.id } ) }}" onclick="return confirm('{{ 'Are you sure you want to delete this group? This action can not be undone. Contacts linked to the group will not be deleted.'|phrase }}');"
                           >{{ 'Delete'|phrase }}</a>
                    </div>
                </td>
            </tr>
        {% endfor %}
    </table>
    <div class="navigation">
        {{ knp_pagination_render(pagination) }}
    </div>

{% endblock content %}