{% set renderDataTables = "c4s-b2b-account-groups" %}
{% include "headitem.html.twig" with {title: "GENERAL_ADMIN_TITLE"|translate} %}

<script type="text/javascript">
    <!--
    function Edit(sID, sCl) {
        var oTransfer = document.getElementById("transfer");
        oTransfer.oxid.value = sID;
        oTransfer.cl.value = 'admin_'+sCl;
        oTransfer.target = '_parent';
        oTransfer.submit();
    }
    //-->
</script>

{% if readonly %}
    {% set readonly = "readonly disabled" %}
{% else %}
    {% set readonly = "" %}
{% endif %}

<form name="transfer" id="transfer" action="{{ oViewConf.getSslSelfLink()|raw }}" method="post">
    {{ oViewConf.getHiddenSid()|raw }}
    <input type="hidden" name="cl" value="c4s_b2b_admin_accounts_groups">
    <input type="hidden" name="oxid" value="{{ oxid }}">
</form>

{% if edit %}
    {% set oGroupList = oView.getUserGroupList(edit) %}
    {% if oGroupList.count() %}
        <table id="c4s-b2b-account-groups" class="display table table-hide table-striped table-bordered dt-responsive">
            <thead>
                <tr>
                    {% block c4s_b2b_admin_account_groups_head %}
                        {% block c4s_b2b_admin_account_groups_head_title %}
                            <th data-sort="true" data-field="oxtitle">{{ translate({ ident: "C4S_B2B_USERGROUP_OXTITLE" }) }}</th>
                        {% endblock %}
                        {% block c4s_b2b_admin_account_groups_head_source %}
                            <th data-sort="true" data-field="c4ssource">{{ translate({ ident: "C4S_B2B_USERGROUP_C4SSOURCE" }) }}</th>
                        {% endblock %}
                    {% endblock %}
                </tr>
            </thead>
            <tbody>
                {% for oGroup in oGroupList %}
                    <tr>
                        {% block c4s_b2b_admin_account_groups_row %}
                            {% block c4s_b2b_admin_account_groups_row_title %}
                                <td>{{ oGroup.oxgroups__oxtitle.value }}</td>
                            {% endblock %}
                            {% block c4s_b2b_admin_account_groups_row_source %}
                                <td>{% if oGroup.oxgroups__c4ssource.value %}{{ oGroup.oxgroups__c4ssource.value }}{% else %}-{% endif %}</td>
                            {% endblock %}
                        {% endblock %}
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    {% else %}
        {{ translate({ ident: "C4S_B2B_USERGROUP_NO_DATA" }) }}
    {% endif %}
{% endif %}