{% extends "base_layout.html.twig" %}

{% block title %}{{ 'Groups' | trans }}{% endblock %}

{% block stylesheets %}
    {{ encore_entry_link_tags('fos_bundle_groups') }}
{% endblock %}

{% block menu %}
    {% set selected_option = 'groups' %}
    {{ parent() }}
{% endblock %}

{% block form_content %}
    {% include "bundles/FOSUserBundle/Group/list_content.html.twig" %}
{% endblock %}

{% block javascripts %}
    {{ encore_entry_script_tags('fos_bundle_groups') }}
    <script type="text/javascript">
        $(document).ready(
            function () {
                let breakpointDefinition = {
                    desktop_low_res: 1400,
                    tablet: 800,
                    phone: 480
                };
                let additionalOptions = {
                    bFilter: false
                };
                let dataTable = setupDataTable("#groups", breakpointDefinition, additionalOptions);
            }
        );
    </script>
{% endblock %}