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

{# === FOOTER ===
  footer.contacts_info   -> matriz: text, link_href
  footer.menu            -> matriz: menu_text, link_href
  footer.menu_policy     -> matriz: menu_text, link_href
  footer.copyright       -> entry: text, text_2
  footer.socials         -> matriz: icone, menu_link -> dentro de .ft-div-3-pp
  footer.projects_images -> matriz: image -> dentro de .ft-3-div-sm
#}
{% set copy = footer.copyright.one() ?? null %}
{% set project_images = footer.projects_images.all() ?? [] %}

{# === CTA DE CONTACTO (secção dinâmica por página, passada pelo layout) ===
  cta_section.image, cta_section.section_title, cta_section.btn_text, cta_section.btn_link
  Sem cta_section, mantém o conteúdo por defeito (fallback) — não requer backend.
#}
{% set cta_section = cta_section ?? null %}
{% set cta_img = cta_section ? (cta_section.image.one() ?? null) : null %}
{% set cta_btn_href = cta_section and cta_section.btn_link ? (cta_section.btn_link.url ?? (cta_section.btn_link ?? '#')) : '#' %}
{# Footer "minimal" (sem CTA, .ft-div-r.con, .ft-div-2 escondido): Contactos e Política de Privacidade #}
{% set is_contacts = entry is defined and entry and entry.section.handle == 'contacts' %}
{% set is_privacy = entry is defined and entry and (entry.privacy_policy_section_1 ?? null) %}
{% set footer_minimal = is_contacts or is_privacy %}

<footer class="ft-sec">
    <div class="w-layout-blockcontainer ft-cont cont w-container">
      <div class="ft-div">
        {# Bloco CTA superior — renderiza apenas quando a página passa cta_section.
           Páginas sem CTA (ex: Contactos, detalhe de projeto) mostram só a parte inferior. #}
        {% if cta_section and cta_img %}
          <div class="ft-div-l">
            <img data-w-id="7c9955b8-e29f-f723-4cd6-5acf42b1b018" loading="lazy" alt="{{ cta_img.title }}" src="{{ WebP(cta_img) }}" class="ft-img">
          </div>
        {% endif %}
        <div class="ft-div-r{% if footer_minimal %} con{% endif %}">
          {% if cta_section %}
            <div class="ft-div-1">
              {% if cta_section.section_title %}
                <h2 data-w-id="7c9955b8-e29f-f723-4cd6-5acf42b1b01b" class="ft-h s2">
                  {{ macros.limpar_paragrafos(cta_section.section_title) }}
                </h2>
              {% endif %}
              {% if cta_section.btn_text %}
                <a data-w-id="7c9955b8-e29f-f723-4cd6-5acf42b1b01f" href="{{ cta_btn_href }}" target="{{ cta_section.btn_link.target ?? '_self' }}" class="a-main-black w-button">
                  {{ macros.limpar_paragrafos(cta_section.btn_text) }}
                </a>
              {% endif %}
            </div>
          {% endif %}
          <div class="ft-div-2">

            {# === CONTACTOS === #}
            {% if footer.contacts_info|length %}
              <div class="ft-div-2-info">
                {% for item in footer.contacts_info.all() %}
                  {% set href = item.link_href.url ?? (item.link_href ?? '#') %}
                  <a
                    data-w-id="{% if loop.index == 1 %}7c9955b8-e29f-f723-4cd6-5acf42b1b023{% elseif loop.index == 2 %}7c9955b8-e29f-f723-4cd6-5acf42b1b025{% else %}7c9955b8-e29f-f723-4cd6-5acf42b1b027{% endif %}"
                    href="{{ href }}"
                    target="{{ item.link_href.target ?? '_self' }}"
                    class="{% if loop.index <= 2 %}ft-link-grande{% else %}ft-link-peq{% endif %}{{ item.link_href.class ? ' ' ~ item.link_href.class : '' }}"
                  >
                    {{ macros.limpar_paragrafos(item.text) }}
                  </a>
                {% endfor %}
              </div>
            {% endif %}

            {# === MENU === #}
            <div data-w-id="7c9955b8-e29f-f723-4cd6-5acf42b1b029" class="ft-div-2-menu">
              {% if footer.menu|length %}
                {% for item in footer.menu.all() %}
                  {% set href = item.link_href.url ?? (item.link_href ?? '#') %}
                  <a href="{{ href }}" target="{{ item.link_href.target ?? '_self' }}" class="ft-link{{ item.link_href.class ? ' ' ~ item.link_href.class : '' }}">
                    {{ macros.limpar_paragrafos(item.menu_text) }}
                  </a>
                {% endfor %}
              {% endif %}
            </div>
          </div>
          <div class="ft-div-3">
            <div class="ft-div-3-pp">

              {# === MENU POLÍTICA === #}
              <div data-w-id="7c9955b8-e29f-f723-4cd6-5acf42b1b038" class="ft-div-3-pp-inner">
                {% if footer.menu_policy|length %}
                  {% for item in footer.menu_policy.all() %}
                    {% set href = item.link_href.url ?? (item.link_href ?? '#') %}
                    <a href="{{ href }}" target="{{ item.link_href.target ?? '_self' }}" class="ft-link s6 link{{ item.link_href.class ? ' ' ~ item.link_href.class : '' }}">
                      {{ macros.limpar_paragrafos(item.menu_text) }}
                    </a>
                  {% endfor %}
                {% endif %}
              </div>

              {# === COPYRIGHT === #}
              <div data-w-id="7c9955b8-e29f-f723-4cd6-5acf42b1b03d" class="ft-div-3-pp-inner">
                {% if copy and copy.text %}
                  <p class="ft-link s6">{{ macros.limpar_paragrafos(copy.text) }}</p>
                {% endif %}
                {% if copy and copy.text_2 %}
                  <div class="ft-link s6">{{ macros.limpar_paragrafos(copy.text_2) }}</div>
                {% endif %}
              </div>

              {# === SOCIALS === #}
              {% if footer.socials|length %}
                <div class="ft-socials" data-w-id="7c9955b8-e29f-f723-4cd6-5acf42b1b03d">
                  {% for social in footer.socials.all() %}
                    {% set social_href = social.menu_link.url ?? (social.menu_link ?? '#') %}
                    {% set social_icon = social.icone.one() ?? null %}
                    <a href="{{ social_href }}" target="{{ social.menu_link.target ?? '_self' }}" class="sm-div w-inline-block">
                      {% if social_icon %}
                        <img loading="lazy" src="{{ WebP(social_icon) }}" alt="{{ social_icon.title }}" class="sm-icon">
                      {% endif %}
                    </a>
                  {% endfor %}
                </div>
              {% endif %}
            </div>

            {# === IMAGENS DE PROJETOS === #}
            <div data-w-id="7c9955b8-e29f-f723-4cd6-5acf42b1b044" class="ft-3-div-sm">
              {% if project_images|length %}
                {% for item in project_images %}
                  {% set img = item.image is defined ? (item.image.one() ?? null) : null %}
                  {% if img %}
                    <img loading="lazy" src="{{ WebP(img) }}" alt="{{ img.title }}" class="ft-project-img">
                  {% endif %}
                {% endfor %}
              {% endif %}
            </div>
          </div>
        </div>
      </div>
    </div>
  </footer>



{% set user_agent = craft.app.request.userAgent %}
{% set is_mobile = user_agent matches '/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i' %}

{% if 'Chrome-Lighthouse' in user_agent and is_mobile %}

{% else %}
  <script src="{{ website_base_url }}js/jquery.js" type="text/javascript" defer></script>
  <script src="{{ website_base_url }}js/main.js" type="text/javascript" defer></script>
  <script src="{{ website_base_url }}js/custom.js" type="text/javascript" defer></script>
  <script src="{{ website_base_url }}js/third-party-loader.js" defer></script>
{% endif %}