{% set template_title = "C4S_B2B_ACCOUNT_APPROVAL_LIMITS_MANAGER"|translate %}
{% capture append = "oxidBlock_title" %}
    <h1 class="c4s-account-page-header">{{ template_title }}</h1>
{% endcapture %}

{% capture append = "oxidBlock_content" %}
    {% if oxcmp_user.hasB2BAccount() %}
        {% if oxcmp_user.hasApprovalRights() %}

            {% block c4s_b2b_approvals_manager_styles %}
                {# vendor styles #}
                {% if "c4s" in oViewConf.getActiveTheme() and not oViewConf.getViewThemeParam("blUseCDN") %}
                    {{ style({ include: "libs/datatables/css/datatables-bootstrap5.min.css" }) }}
                    {{ style({ include: "libs/datatables/css/datatables-responsive-bootstrap5.min.css" }) }}
                    {{ style({ include: "libs/datatables/css/datatables-fixed-columns-bootstrap5.min.css" }) }}
                {% else %}
                    {{ style({ include: "https://cdn.datatables.net/1.13.1/css/dataTables.bootstrap5.min.css" }) }}
                    {{ style({ include: "https://cdn.datatables.net/responsive/2.4.0/css/responsive.bootstrap5.min.css" }) }}
                    {{ style({ include: "https://cdn.datatables.net/fixedcolumns/4.2.1/css/fixedColumns.bootstrap5.min.css" }) }}
                {% endif %}

                {# c4s styles #}
                {{ style({ include: oViewConf.getVersionedModuleUrl('c4s_b2b_approvals', 'out/src/css/c4s_b2b_approval_limits_manager.css')}) }}
            {% endblock %}

            {% block c4s_b2b_approvals_manager_scripts %}
                {# vendor scripts #}
                {% if "c4s" in oViewConf.getActiveTheme() and not oViewConf.getViewThemeParam("blUseCDN") %}
                    {{ script({ include: "libs/datatables/js/jquery.min.js", priority: 5, dynamic: __oxid_include_dynamic }) }} {# todo: datatables without jQuery? #}
                    {{ script({ include: "libs/datatables/js/datatables.min.js", priority: 10, dynamic: __oxid_include_dynamic }) }}
                    {{ script({ include: "libs/datatables/js/datatables-bootstrap5.min.js", priority: 10, dynamic: __oxid_include_dynamic }) }}
                    {{ script({ include: "libs/datatables/js/datatables-responsive.min.js", priority: 10, dynamic: __oxid_include_dynamic }) }}
                    {{ script({ include: "libs/datatables/js/datatables-responsive-bootstrap5.min.js", priority: 10, dynamic: __oxid_include_dynamic }) }}
                    {{ script({ include: "libs/datatables/js/datatables-fixed-columns.min.js", priority: 10, dynamic: __oxid_include_dynamic }) }}
                {% else %}
                    {{ script({ include: "https://code.jquery.com/jquery-3.6.0.min.js", priority: 5, dynamic: __oxid_include_dynamic }) }}
                    {{ script({ include: "https://cdn.datatables.net/1.13.1/js/jquery.dataTables.min.js", priority: 10, dynamic: __oxid_include_dynamic }) }}
                    {{ script({ include: "https://cdn.datatables.net/1.13.1/js/dataTables.bootstrap5.min.js", priority: 10, dynamic: __oxid_include_dynamic }) }}
                    {{ script({ include: "https://cdn.datatables.net/responsive/2.4.0/js/dataTables.responsive.min.js", priority: 10, dynamic: __oxid_include_dynamic }) }}
                    {{ script({ include: "https://cdn.datatables.net/responsive/2.4.0/js/responsive.bootstrap5.min.js", priority: 10, dynamic: __oxid_include_dynamic }) }}
                    {{ script({ include: "https://cdn.datatables.net/fixedcolumns/4.2.1/js/dataTables.fixedColumns.min.js", priority: 10, dynamic: __oxid_include_dynamic }) }}
                {% endif %}

                {# c4s scripts #}
                {{ script({ include: oViewConf.getVersionedModuleUrl("c4s_b2b_approvals", "out/src/js/c4s_b2b_approval_limits_manager.js"), priority: 11, dynamic: __oxid_include_dynamic }) }}
            {% endblock %}

            {% set oB2BAccount = oxcmp_user.getB2BAccount() %}

            <div class="c4s-b2b-limits-manager">
                {# account configuration #}
                {% include "@c4s_b2b_approvals/page/account/inc/c4s_b2b_approvals_manager_account_config.html.twig" %}

                {# general approval configuration #}
                {% include "@c4s_b2b_approvals/page/account/inc/c4s_b2b_approvals_manager_general_config.html.twig" %}

                {# user approval and limit configuration #}
                {% if not oB2BAccount.isInGroup("b2b_rights_approvals") %}
                    {% include "@c4s_b2b_approvals/page/account/inc/c4s_b2b_approvals_manager_user_config.html.twig" %}
                {% endif %}
            </div>

        {% else %}
            <div class="alert alert-warning">
                <strong>Achtung!</strong> Sie sind kein Administrator für dieses B2B-Konto!  {# todo lang #}
            </div>
        {% endif %}
    {% endif %}
    {{ insert_tracker({title: template_title}) }}
{% endcapture %}

{% capture append = "oxidBlock_sidebar" %}
    {% include "page/account/inc/account_menu.html.twig" with {active_link: "c4s_b2b_approvals_manager"} %}
{% endcapture %}

{% include "layout/page.html.twig" with {sidebar: "left", blHideBreadcrumb: true} %}