<section class="accordion my-3" id="{{ id }}">
  <div class="accordion-item">
    <h2 class="accordion-header my-0" id="{{ idItem }}">
      <button class="py-0 pb-3 accordion-button collapsed ps-0"
        type="button"
        data-bs-toggle="collapse"
        data-bs-target="#{{ idItemContent }}"
        aria-expanded="true"
        aria-controls="{{ idItemContent }}">
        {% set title = parentLink.getCustomText() ?? '' %}
        {% if not parentLink.isEmpty() %}
          <a {{ parentLink.getLinkAttributes() }} onclick="clickMobil(this)">
            {{ title|upper }}
          </a>
        {% else %}
          {{ title|upper }}
        {% endif %}
      </button>
    </h2>
    <div id="{{ idItemContent }}"
      class="accordion-collapse collapse"
      aria-labelledby="{{ idItem }}">
      <section class="accordion-body">
        {% for item in submenu %}
          <p class="groupTitle">
            {{ item.groupTitle|upper }}
          </p>
          <ul class="m-0 p-0 pb-3">
            {% for j in item.links.all() %}
              <li class="my-3 item">
                {{
                  j.itemLink.getLink({
                    class: 'link',
                    text: j.itemLink.getCustomText()
                  })
                }}
              </li>
            {% endfor %}
          </ul>
        {% endfor %}
      </section>
    </div>
  </div>
</section>
