{% extends "layout/header.html.twig" %}

{% block header_service_menu_services %}
    {% if oxcmp_user and oxcmp_user.isImpersonator() %}
        {% set oB2BAccount = oxcmp_user.getB2BAccount() %}
        {% set oImpersonatorAccount = oxcmp_user.getImpersonatorAccount() %}
        {% set sB2BAccountId = oB2BAccount.getId() %}

        {% block header_servicemenu_account_switch %}
            <div class="dropdown c4s-header-account-switch-menu">
                <button type="button" class="btn dropdown-toggle border-0 c4s-header-service-btn" data-bs-toggle="dropdown" data-bs-auto-close="outside">
                    <i class="fa-solid fa-user-group"></i>
                    {% if sB2BAccountId == oImpersonatorAccount.getId() %}
                        <span class="d-none d-md-inline">{{ translate({ ident: "C4S_B2B_IMPERSONATION_ACCOUNT_SWITCH" }) }}</span>
                    {% else %}
                        <span class="d-none d-md-inline">{{ translate({ ident: "C4S_B2B_IMPERSONATION_ACCOUNT_SWITCH_ACTIVE_CUSTOMER", suffix: "COLON" }) }} {{ oB2BAccount.getDebNr() }}</span>
                    {% endif %}
                    <i class="fa-solid fa-angle-down d-none d-md-inline" aria-hidden="true"></i>
                </button>

                <div class="dropdown-menu" role="menu">
                    {# own account #}
                    <div class="card account-switch-card">
                        <div class="card-header">
                            {{ translate({ ident: "C4S_B2B_IMPERSONATION_TITLE_MY_ACCOUNT" }) }}
                        </div>
                        <div class="card-body">
                            <ul class="list-unstyled">
                                <li>
                                    <a href="?impAccId={{ oImpersonatorAccount.getId() }}" class="c4s-account-switch-link{% if oB2BAccount.getId() == oImpersonatorAccount.getId() %} active{% endif %}">
                                        <i class="fa-solid {% if oB2BAccount.getId() == oImpersonatorAccount.getId() %}fa-check{% else %}fa-user{% endif %}"></i>
                                        {{ oImpersonatorAccount.getDebNr() }}
                                        <span class="d-none d-md-inline"> - {{ oImpersonatorAccount.getTitle() }}</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>

                    {# impersonatable accounts #}
                    <div class="card account-switch-card">
                        <div class="card-header">
                            {{ translate({ ident: "C4S_B2B_IMPERSONATION_TITLE_ACCOUNTS" }) }}
                        </div>
                        <div class="card-body">
                            <ul class="list-unstyled">
                                {% for oImpersonationAccount in oImpersonatorAccount.getImpersonationAccounts() %}
                                    {% set oAgAdresses = oImpersonationAccount.getAddresses("AG") %}
                                    {% set oAgAdress = oAgAdresses.current() %}
                                    {% if oAgAdress %}
                                        {% set sCity = oAgAdress.getCity() %}
                                        {% set sStreet = oAgAdress.getStreet() %}
                                        {% set sStreetNr = oAgAdress.getStreetNr() %}
                                    {% endif %}
                                    <li>
                                        <a href="?impAccId={{ oImpersonationAccount.getId() }}" class="c4s-account-switch-link{% if oB2BAccount.getId() == oImpersonationAccount.getId() %} active{% endif %}">
                                            {% apply spaceless %}
                                                <i class="fa-solid {% if oB2BAccount.getId() == oImpersonationAccount.getId() %}fa-check{% else %}fa-user{% endif %}"></i>
                                                {{ oImpersonationAccount.getDebNr() }}
                                                <span class="d-none d-md-inline"> - {{ oImpersonationAccount.getTitle() }}
                                                    {% if sCity %} - {{ sCity }}{% endif %}
                                                    {% if sStreet %} - {{ sStreet }} {% if sStreetNr %}{{ sStreetNr }}{% endif %}{% endif %}
                                                </span>
                                            {% endapply %}
                                        </a>
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        {% endblock %}
    {% endif %}
    {{ parent() }}
{% endblock %}