{% if oxcmp_user and oB2BAccount %}
    {# configuration #}
    {% set sInvoiceAddressType = "RE" %}
    {% set sShippingAddressType = "WE" %}
    {% set aValidAddressTypes = oViewConf.getValidAddressTypes() %}   {# valid address types: e.g. "re", "we", "ag", "en", "rg", etc... define in module backend config! #}

    {# count address types with active addresses #}
    {% set iActiveAddressTypeCount = 0 %}
    {% for sAddressType in aValidAddressTypes %}
        {% if oB2BAccount.getAddresses(sAddressType) %}
            {% set iActiveAddressTypeCount = iActiveAddressTypeCount + 1 %}
        {% endif %}
    {% endfor %}

    {# define column classes for address card width #}
    {% set sAddressColClasses = "col-12 col-md-6 mb-5" %}
    {% if iActiveAddressTypeCount > 2 %}
        {% set sAddressColClasses = "col-12 col-md-6 col-lg-4 mb-5" %}
    {% endif %}

    {# load formvalidation config #}
    {% set aFvDataAttrNames = oViewConf.getViewThemeParam("aFvDataAttrNames") %}

    {# javascripts #}
    {% block c4s_b2b_user_checkout_change_scripts %}
        {{ script({ include: oViewConf.getVersionedModuleUrl("c4s_b2b", "out/src/js/c4s_b2b_address_validation.js"), priority: 25, dynamic: __oxid_include_dynamic }) }}
        {{ script({ include: oViewConf.getVersionedModuleUrl("c4s_b2b", "out/src/js/c4s_b2b_address_handler.js"), priority: 10, dynamic: __oxid_include_dynamic }) }}
    {% endblock %}

    {# stylesheets #}
    {% block c4s_b2b_user_checkout_change_styles %}{% endblock %}

    {% block c4s_b2b_user_checkout_change %}
        {% set aErrors = oView.getFieldValidationErrors() %}
        <form id="c4s-b2b-addresses"
              class="row"
              action="{{ oViewConf.getSslSelfLink()|raw }}cl=user"
              name="order"
              method="post"
              data-spinner="true"
              data-hide-valid-spinner="false"
        >
            {{ oViewConf.getHiddenSid()|raw }}
            {{ oViewConf.getNavFormParams()|raw }}
            <input type="hidden" name="cl" value="user" />
            <input type="hidden" name="option" value="{{ oView.getLoginOption() }}" />
            <input type="hidden" name="fnc" value="changeuser" />
            <input type="hidden" name="lgn_cook" value="0" />
            <input type="hidden" name="blshowshipaddress" value="1" />
            <input type="hidden" name="changeClass" value="user">

            {% for sAddressType in aValidAddressTypes %}
                {% if sAddressType == "RE" %}
                    {% block c4s_b2b_user_checkout_invoice %}
                        <div class="{{ sAddressColClasses }}">
                            {% if oB2BAccount.getFixBillingAddress() %}
                                {% set oInvoiceAddress = oB2BAccount.getGlobalReAddress() %}
                                {# display and form for global invoice address #}
                                {% include "@c4s_b2b/widget/address/c4s_b2b_widget_address_invoice_global.html.twig" with {sAddressType: sInvoiceAddressType, oInvoiceAddress: oInvoiceAddress} %}
                            {% else %}
                                {% set oInvoiceAddressList = oB2BAccount.getAddresses(sInvoiceAddressType) %}
                                {# display and form for multiple invoice addresses #}
                                {% include "@c4s_b2b/widget/address/c4s_b2b_widget_address_invoice.html.twig" with {sAddressType: sInvoiceAddressType, oInvoiceAddressList: oInvoiceAddressList} %}
                            {% endif %}
                        </div>
                    {% endblock %}

                {% elseif sAddressType == "WE" %}
                    {% block c4s_b2b_user_checkout_shipping %}
                        {# {% set oShippingAddressList = oB2BAccount.getAddresses(sShippingAddressType) %} #}
                        {% set oShippingAddressList = oxcmp_user.getUserAddresses() %}     {# gets user shipping and b2b account shipping (we) addresses!! #}
                        {% if oShippingAddressList %}
                            <div class="{{ sAddressColClasses }}">
                                {% include "@c4s_b2b/widget/address/c4s_b2b_widget_address_shipping.html.twig" with {sAddressType: sShippingAddressType, oShippingAddressList: oShippingAddressList} %}
                            </div>
                        {% endif %}
                    {% endblock %}

                {% else %}
                    {% block c4s_b2b_user_checkout_partner %}
                        {% set oPartnerAddressList = oB2BAccount.getAddresses(sAddressType) %}
                        {% if oPartnerAddressList %}
                            <div class="{{ sAddressColClasses }}">
                                {% include "@c4s_b2b/widget/address/c4s_b2b_widget_address_partner.html.twig" with {sAddressType: sAddressType, oPartnerAddressList: oPartnerAddressList} %}
                            </div>
                        {% endif %}
                    {% endblock %}
                {% endif %}
            {% endfor %}

            {% block c4s_b2b_user_checkout_step_buttons %}
                <div class="d-grid gap-2 d-md-block mt-5">
                    <a href="{{ seo_url({ ident: oViewConf.getBasketLink()|raw }) }}" class="btn btn-outline-secondary float-start" id="c4s-user-back-step-btn"><i class="fa-solid fa-caret-left"></i> {{ translate({ ident: "PREVIOUS_STEP" }) }}</a>
                    <button id="c4s-user-next-step-btn" class="btn btn-primary float-end" name="userform" type="submit">
                        <span class="continue">{{ translate({ ident: "CONTINUE_TO_NEXT_STEP" }) }}</span>
                        <span class="save-continue" style="display: none;">{{ translate({ ident: "SAVE_AND_CONTINUE_TO_NEXT_STEP" }) }}</span>
                        <i class="fa-solid fa-caret-right"></i>
                    </button>
                    <div class="clearfix"></div>
                </div>
            {% endblock %}
        </form>
    {% endblock %}
{% endif %}