{% set renderDataTables = "c4s-b2b-account-impersonation-accounts" %}
{% 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>

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

{% if edit %}
    {% set oImpersonationAccountList = oView.getImpersonationAccountList(edit) %}
    {% if oImpersonationAccountList.count() %}
        <table id="c4s-b2b-account-impersonation-accounts" class="display table table-hide table-striped table-bordered dt-responsive">
            <thead>
                <tr>
                    <th data-sort="true" data-field="c4sdebnr">{{ translate({ ident: "C4S_B2B_ACCOUNT_NR" }) }}</th>
                    <th data-sort="true" data-field="oxtitle">{{ translate({ ident: "C4S_B2B_COMPANY_TITLE" }) }}</th>
                </tr>
            </thead>
            <tbody>
                {% for oAccount in oImpersonationAccountList %}
                    <tr>
                        <td><a href="Javascript:top.basefrm.edit.Edit('{{ oAccount.getId() }}', 'c4s_b2b_account');">{{ oAccount.getDebNr() }}</a></td>
                        <td><a href="Javascript:top.basefrm.edit.Edit('{{ oAccount.getId() }}', 'c4s_b2b_account');">{{ oAccount.getTitle() }}</a></td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    {% else %}
        {{ translate({ ident: "C4S_B2B_IMPERSONATIONS_NO_DATA" }) }}
    {% endif %}
{% endif %}