{% if accordions %}
  <section class="accordion accordionBidding" id="accordion-{{ parentKey }}">
    {% if accordions.count() > 0 %}
      {% for item in accordions.all() %}
        {% set itemHast = hashBlock ~ '-' ~ loop.index %}
        <div class="accordion-item mb-4">
          <h2 class="accordion-header my-0" id="accordion-{{ itemHast }}">
            <button class="accordion-button collapsed"
              type="button"
              data-bs-toggle="collapse"
              data-bs-target="#panelAccordion-{{ itemHast }}"
              aria-expanded="true"
              aria-controls="panelAccordion-{{ itemHast }} 
 ">
              <p class="col-12 col-md-9 my-0">
                {{ item.itemTitle }}
              </p>
            </button>
          </h2>
          <section id="panelAccordion-{{ itemHast }}"
            class="accordion-collapse collapse"
            aria-labelledby="accordion-{{ itemHast }}">
            <div class="accordion-body">
              {% if item.groups.count() > 0 %}
                {% set id_contentChildren = 'accordion-' ~ itemHast
                  ~ '-children'
                  ~ loop.index0
                %}
                <div class="accordion subAccordion"
                  id="{{ id_contentChildren }}">
                  {% for children in item.groups.all() %}
                    {% set id_children = id_contentChildren ~ '-itemChildren'
                      ~ loop.index0
                    %}
                    <div class="accordion-item">
                      <h2 class="accordion-header"
                        id="{{ id_children }}-header">
                        <button class="accordion-button collapsed"
                          type="button"
                          data-bs-toggle="collapse"
                          data-bs-target="#{{ id_children }}-content"
                          aria-expanded="true"
                          aria-controls="{{ id_children }}-content">
                          <p class="col-12 col-md-9 my-0">
                            {{ children.childrenTitle }}
                          </p>
                        </button>
                      </h2>
                      <div id="{{ id_children }}-content"
                        class="accordion-collapse collapse"
                        aria-labelledby="{{ id_children }}-header"
                        data-bs-parent="#{{ id_contentChildren }}">
                        <div class="accordion-body">
                          {% if children.childrenLinks.count() > 0 %}
                            <ul class="m-0 p-0">
                              {% for j in children.childrenLinks.all() %}
                                {% if not j.itemLink.isEmpty() %}
                                  {% set btn = j.itemLink %}
                                  <li class="d-inline-block py-1">
                                    <a {{ btn.getLinkAttributes() }}
                                      class="py-2 btnArrow">
                                      <span>{{ btn.customText }}</span>
                                      <img data-src="/assets/img/arrow.svg"
                                        src=""
                                        alt="btn"
                                        loading="lazy"
                                        class="lazyload img-fluid ms-3" />
                                    </a>
                                  </li>
                                  <br />
                                {% endif %}
                              {% endfor %}
                            </ul>
                          {% endif %}
                        </div>
                      </div>
                    </div>
                  {% endfor %}
                </div>
              {% endif %}
            </div>
          </section>
        </div>
      {% endfor %}
    {% endif %}
  </section>
{% endif %}