{% import 'macros.twig' as macros %}

{# === HEADER ===
  header.main_logo  -> asset (logo branco)
  header.menu       -> matriz: menu_text, link_href
  header.btn_text   -> plain text
  header.btn_link   -> entry link
#}
{% set main_logo = header.main_logo.one() ?? null %}
{% set secondary_logo = header.secondary_logo.one() ?? null %}
{% set btn_href = header.btn_link.url ?? (header.btn_link ?? '#') %}

{# Home e Contactos: header claro (transparente sobre fundo escuro).
   Restantes subpáginas: header dark — variante `.w` (logo/texto escuros sobre fundo claro). #}
{% set is_home = craft.app.request.segments|length == 0 %}
{% set is_contacts = entry is defined and entry and entry.section.handle == 'contacts' %}
{% set dark = not is_home and not is_contacts %}
{% set w = dark ? ' w' : '' %}

<header data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="h-sec{{ w }} w-nav">
    <div class="h-cont cont w-container">
      <div class="h-div">
        <a href="{{ siteUrl() }}" class="h-div-1 w-inline-block">
          {% if dark %}
            {% if secondary_logo %}
              <img loading="lazy" src="{{ secondary_logo.url() }}" alt="{{ secondary_logo.title }}" class="logo">
            {% else %}
              <img loading="lazy" src="/uploads/logo-preto.png" alt="" class="logo">
            {% endif %}
          {% elseif main_logo %}
            <img loading="lazy" src="{{ main_logo.url() }}" alt="{{ main_logo.title }}" class="logo">
          {% endif %}
        </a>

        {# === MENU PRINCIPAL === #}
        {% if header.menu|length %}
          <nav role="navigation" class="h-div-2{{ w }} w-nav-menu">
            {% for item in header.menu.all() %}
              {% set item_href = item.link_href.url ?? (item.link_href ?? '#') %}
              {% set is_current = item_href == craft.app.request.absoluteUrl %}
              <a
                href="{{ item_href }}"
                target="{{ item.link_href.target ?? '_self' }}"
                {% if is_current %}aria-current="page"{% endif %}
                class="a-menu{{ w }} w-button{% if is_current %} w--current{% endif %}{{ item.link_href.class ? ' ' ~ item.link_href.class : '' }}"
              >
                {{ macros.limpar_paragrafos(item.menu_text) }}
              </a>
            {% endfor %}
          </nav>
        {% endif %}

        <nav role="navigation" class="h-div-3 w-nav-menu">
          <div class="div-block">
            {# === BOTÃO CTA === #}
            {% if header.btn_text %}
              <a href="{{ btn_href }}" target="{{ header.btn_link.target ?? '_self' }}" class="a-menu desq{{ w }} w-button{{ header.btn_link.class ? ' ' ~ header.btn_link.class : '' }}">
                {{ macros.limpar_paragrafos(header.btn_text) }}
              </a>
            {% endif %}

            {# === LANGUAGE SWITCHER === #}
            {% set current_lang = currentSite.handle == 'default' ? 'PT' : currentSite.handle|upper %}
            {% set lang_href = craft.app.request.absoluteUrl %}
            {% set all_sites = craft.app.sites.getAllSites() %}
            {% set alternate_site = null %}
            {% for site_item in all_sites %}
              {% if site_item.id != currentSite.id %}
                {% set alternate_site = site_item %}
              {% endif %}
            {% endfor %}
            {% if alternate_site is not null %}
              {% if entry is defined and entry %}
                {% set localized_entry = craft.entries().id(entry.id).siteId(alternate_site.id).status(null).one() %}
                {% if localized_entry and localized_entry.url %}
                  {% set lang_href = localized_entry.url %}
                {% else %}
                  {% set lang_href = alternate_site.baseUrl %}
                {% endif %}
              {% else %}
                {% set lang_href = alternate_site.baseUrl %}
              {% endif %}
            {% endif %}
            {% set alternate_lang = alternate_site ? (alternate_site.handle == 'default' ? 'PT' : alternate_site.handle|upper) : current_lang %}

            {% if alternate_site is not null %}
              <a href="{{ lang_href }}" class="btn-lang{{ w }} w-button">{{ alternate_lang }}</a>
            {% endif %}
          </div>
        </nav>

        <div class="link-meu{{ w }} w-nav-button"><img src="{{ dark ? '/uploads/icon-menu-preto.svg' : '/uploads/icon-menu.svg' }}" loading="lazy" alt="" class="icon-menu"></div>
      </div>
    </div>
</header>

{# === SLIDE MENU (mobile) ===
  header.menu -> matriz: menu_text, link_href, menu (submenu opcional)
  Abre/fecha via custom.js (.link-meu -> .active) + transição CSS.
  Itens com submenu (item.menu) viram acordeão; sem submenu, link simples.
#}
<div class="slide-menu">
    <div class="w-layout-blockcontainer slide-menu-cont w-container">
      <a href="#" class="mobile-menu-close w-inline-block">
      <img src="/uploads/close-icon.svg" loading="lazy" alt="" class="icon-close"></a>
      {% if header.menu|length %}
        {% for item in header.menu.all() %}
          {% set item_href = item.link_href.url ?? (item.link_href ?? '#') %}
          {% set item_target = item.link_href.target ?? '_self' %}
          {% set has_children = item.menu is defined and item.menu|length %}

          {% if has_children %}
            <div class="slide-menu-link slide-menu-link-dropdown">
              <div
                class="slide-menu-link-toggle"
                role="button"
                tabindex="0"
                aria-haspopup="menu"
                aria-expanded="false"
              >
                <span>{{ macros.limpar_paragrafos(item.menu_text) }}</span>
                <span class="w-icon-dropdown-toggle" aria-hidden="true">
                  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="11" viewBox="0 0 18 11" fill="none">
                    <path d="M1 1L9 9L17 1" stroke="currentColor" stroke-width="1.5"/>
                  </svg>
                </span>
              </div>

              <nav class="nav-bar-slide-menu">
                {% for child in item.menu.all() %}
                  {% set child_href = child.link_href.url ?? (child.link_href ?? '#') %}
                  <a
                    href="{{ child_href }}"
                    target="{{ child.link_href.target ?? '_self' }}"
                    class="nav-link-slide-menu w-inline-block{{ child.link_href.class ? ' ' ~ child.link_href.class : '' }}"
                  >
                    <p class="nav-link-text-slide-menu">{{ macros.limpar_paragrafos(child.menu_text) }}</p>
                  </a>
                {% endfor %}
              </nav>
            </div>
          {% else %}
            <a href="{{ item_href }}" target="{{ item_target }}" class="slide-menu-link{{ item.link_href.class ? ' ' ~ item.link_href.class : '' }}">
              {{ macros.limpar_paragrafos(item.menu_text) }}
            </a>
          {% endif %}
        {% endfor %}
      {% endif %}

      <a href="{{ lang_href }}" class="btn-lang w-button">
        {{ alternate_lang }}
      </a>
    </div>
</div>