{% include 'quarks/_loadCssComponent' with {
    name: '_' ~ component.type
  } only %}
{% set types_accordions = { 
    0: 'groupsOfAccordion',
    1: 'gruposAccordionsWithNodes'
  } %}
  
  {% set hashBlock = random('ABCD') ~ random(5, 25) %}
  {% set accordions = component['' ~ types_accordions[component.fieldSwitch] ~ '']
    ?? []
  %}
  
  {% if (accordions|length) > 0 %}
    <section {{ dataComponent }}
      id="{{ id }}"
      class="bidAccordionLinksAndImage bg-{{ index.index0 }} {{ separation }}">
      <div class="container-fluid">
        {% include 'components/_setHeadTitles' %}
  
        <section class="row gx-0">
          <div class="col-12 col-lg-5 vBSAT">
            {% set img = component.image.one() ?? null %}
            {% if img %}
              <section class="bidAccordionLinksAndImage__contentImg contentStycky">
                {% include 'components/_imageTransformsSimple' with {
                  img: img,
                  setClass: 'img-absolute',
                  alt: img.title,
                  transforms: {
                    '(min-width: 1300px)': {
                      width: 850,
                      height: 850
                    },
                    '(min-width: 992px)': {
                      width: 1200,
                      height: 350
                    },
                    '(min-width: 768px)': {
                      width: 550
                    }
                  },
                  default: {
                    width: 500
                  }
                } only %}
              </section>
            {% endif %}
          </div>
          <div class="col-12 col-lg-7 d-flex justify-content-center align-items-center flex-column">
            <section class="col-11 mx-auto py-5">
              {% include 'components/_'
                ~ types_accordions[component.fieldSwitch] with {
                accordions: accordions,
                parentKey: index.index0,
                hashBlock: hashBlock
              } only %}
            </section>
          </div>
        </section>
      </div>
    </section>
  {% endif %}