<header class="header js-header">
  
    <div class="header__wrapper">

        <a href="{{ site.link }}" class="header__logo logo">
            <img class="header__logo-corner" src="{{ function('get_frontend_static_asset', 'assets/images/corner-logo.svg') }}" alt="{{ t('Delta corner logo') }}"> 
            <img class="header__logo-main" src="{{ function('get_frontend_static_asset', 'assets/images/logo.svg') }}" alt="Delta logo">
        </a>

        <div class="header__navigation__wrapper nav-wrapper-js">

            {{ include('templates/partials/sidebar_navigation.twig') }}

            <div class="header__navigation">
                <nav>
                    <ul>
                        {% for item in menu['primary'].items %}
                        <li>
                            {% if item.link == "#" %}
                            <button type="button" class="btn btn--tertiary" 
                            aria-expanded="false"
                            aria-controls="submenu-{{ loop.index }}">{{item.__title}}</button>
                            {% else %}
                            <a class="{{ item.classes[0] ? item.classes | join(' ') : "btn btn--tertiary" }}" href="{{ item.link }}" target="{{ item.target }}">
                                {{item.__title}}
                            </a>
                            {% endif %}
                            {% if item.children|length > 0 %}
                              <ul class="header__submenu" id="submenu-{{ loop.index }}">
                                  {% for child in item.children %}
                                  <li>
                                    {% set is_delta_experience_link = function('get_field', 'is_delta_experience_link', child.ID) %}
                                    <a class="{{ child.classes[0] ? child.classes | join(' ') : "btn btn--tertiary" }}" href="{{ is_delta_experience_link ? delta_experience_link : child.link }}" target="{{ is_delta_experience_link ? "_blank" : child.target }}">
                                      {% if is_delta_experience_link %}
                                      <div class="header__submenu-xp-info">
                                        <span>{{child.__title}}</span>
                                        <div class="header__submenu-xp-info-inner">
                                          <img src="{{ function('get_frontend_static_asset', 'assets/images/logo_xp.svg') }}" alt="Delta Experience logo">
                                          <span>{{ t("Visit DeltaExperience") }}</span>
                                        </div>
                                      </div>
                                      {% else %}
                                      {{child.__title}}
                                      {% endif %}
                                        {% set description = function('get_field', 'description', child.ID) %}
                                        {% if description %}
                                          <p>{{ description }}</p>
                                        {% endif %}
                                      </a>
                                  </li>
                                  {% endfor %}
                              </ul>
                            {% endif %}
                        </li>
                        {% endfor %}
                        {{ include('templates/partials/language-switcher.twig') }}
                    </ul>
                </nav>
            </div>
        </div>


        <div class="header__hamburger">
            <span></span>
        </div>

    </div>
</header>