{% trans_default_domain 'others' %}
<div {{ attributes.defaults(stimulus_controller(this.shortName)) }}>
   <div class="{{ not this.remove_container ? 'container' : '' }}">
      <ul class="level-0">
         {% if this.home_link %}
            <li class="section-item-home">
               <a href="{{ path('home') }}">
                  {% if this.home_icon %}
                     <twig:ux:icon name="{{ this.home_icon }}" class="c-icon"/>
                  {% else %}
                     {{ 'header.sections.home'|trans }}
                  {% endif %}
               </a>
            </li>
         {% endif %}
         <twig:block name="sections">
            {% for section in this.sections %}
               {% if section.visible %}
                  <li class="section-item-{{ section.id }}"{% if section.children|length %} data-action="mouseenter->{{ this.shortName }}#showSubmenu mouseleave->{{ this.shortName }}#hideSubmenu"{% endif %}>
                     <a href="{{ this.url(section) }}">{{ this.name(section) }}</a>

                     {% if section.children|length %}
                        <twig:block name="submenu">
                        </twig:block>
                     {% endif %}
                  </li>
               {% endif %}
            {% endfor %}
         </twig:block>
      </ul>
   </div>
</div>
