{#
template to
- show the list of groups
- edit the list of groups

    is used in both Group/groups.html.twig
    and Admin/groups.html.twig
#}
{% block content %}
<!-- Main content -->
<section class="content">
    <h2>
        Groups : IOC
    </h2>
    <div class="cf nestable-lists">
        <div class="row midhead">
            <div class="col-md-6 buffer20">
                <div
                        class="btn-group"
                        role="group"
                        id="nestable-menu">
                    <button
                            type="button"
                            class="btn btn-default"
                            data-action="expand-all">
                        Expand All
                    </button>
                    <button
                            type="button"
                            class="btn btn-default"
                            data-action="collapse-all">
                        Collapse All
                    </button>
                </div>
                {#  % if (data.isGroupAdmin == 1) or (is_granted('ROLE_GLOBAL_EDITOR')) % #}
                {% if is_granted('ROLE_ADMIN') %}
                     <span
                             class="editbtn">
                         Edit Groups : <span
                                 class="edit-group">
                            <input
                                    type="checkbox"
                                    name="edit-group"
                                    class="onoffswitch-checkbox"
                                    id="edit-group"
                                    value="0">
                            <label
                                    class="onoffswitch-label"
                                    for="edit-group">
                                <span
                                        class="onoffswitch-inner">

                                </span>
                                <span
                                        class="onoffswitch-switch">

                                </span>
                            </label>
                        </span>
                     </span>
                {% endif %}
            </div>
            <div
                    class="col-md-6 col-xs-12 pull-right buffer20">
                <div
                        class="control-group">
                    <label
                            for="groupFilter"
                            class="col-xs-3 control-label labelFilter">
                        Filter Groups:
                    </label>
                    <div
                            class="col-xs-9 nopadding">
                        <select
                                class="form-control select2"
                                title=""
                                id="groupFilter">
                            <option
                                    disabled=""
                                    selected="">
                                Group
                            </option>
                            {% for key,filtergroup in data.filtergroups %}
                                {% if data.treeGroup == key %}
                                    <option
                                            label="{{ filtergroup }}"
                                            value="{{ key }}"
                                            selected>
                                        {{ filtergroup }}
                                    </option>
                                {% else %}
                                    <option
                                            label="{{ filtergroup }}"
                                            value="{{ key }}">
                                        {{ filtergroup }}
                                    </option>
                                {% endif %}
                            {% endfor %}
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <div
                class="dd"
                id="nestable">
            <ul
                    class="dd-list">

            </ul>
        </div>
    </div>
</section>
<div
        class="modal fade"
        id="modal-edit"
        tabindex="-1"
        role="dialog"
        aria-labelledby="myModalLabel"
        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 class="modal-title"></h4>
            </div>
            <div class="modal-body">
                <p>
                    <span class="modal-message"></span>
                </p>
            </div>
            <div class="modal-footer">
            </div>
        </div>
    </div>
</div>

{% endblock %}