{%- set logos_block = pimcore_block('logos') -%}

{%- if editmode -%}

    {%- for i in logos_block.iterator -%}

        <p>{{ pimcore_link('link', {
            disabledFields: ['anchor', 'title', 'parameters', 'accesskey', 'tabindex', 'class', 'attributes']
        }) }}</p>
        <p>{{ pimcore_image('logo', {
            width: 200
        }) }}</p>

    {%- endfor -%}

{%- else -%}

    <div class="row">

        <div class="col-3 col-sm-4 col-md-3 col-lg-5 col-xl-7 col-xxl-6 col-3xl-5">

            <div class="d-flex flex-column gap-10">

                {%- for i in logos_block.iterator -%}

                    {%- set link = pimcore_link('link') -%}
                    {%- set logo = pimcore_image('logo') -%}

                    {%- if not link.isEmpty() -%}
                        <a
                            href="{{ link.getHref() }}"
                            target="{{ link.getTarget() }}"
                            rel="{{ link.getTarget() == '_blank' ? 'noopener noreferrer' : '' }}"
                            class="d-block"
                            aria-label="{{ link.getText() }}{{ link.getTarget() == '_blank' ? 'general.open_new_tab' | trans : '' }}"
                        >
                    {%- endif -%}

                        <div class="">
                            <img src="{{ logo.getSrc() }}" alt="{{ get_image_i18n_alt(logo, '') }}" class="w-100 h-100 object-fit-contain">
                        </div>
        
                    {%- if not link.isEmpty() -%}
                        </a>
                    {%- endif -%}

                {%- endfor -%}

            </div>

        </div>

    </div>

{%- endif -%}