{% extends "_layouts/main.html" %}
{% import 'macros.twig' as macros %}

{% block main %}

{# =========================
  SEC 1 — INTRO + CARTÕES DE CONTACTO
  contacts_section_1:
  - section_title   (RTE)
  - contacts_info   (matriz: title, text, link_href, icone)
========================= #}
{% set sec1 = entry.contacts_section_1.one() ?? null %}
{% if sec1 %}
  <section class="con-1-sec">
    <div class="w-layout-blockcontainer con-1-cont cont w-container">
      <div class="con-1-div">
        {% if sec1.section_title %}
          <h1 data-w-id="6e378b0f-9594-ee7c-cca0-6b940d5e84e6" style="opacity:0" class="con-1-h s1">
            {{ macros.limpar_paragrafos(sec1.section_title) }}
          </h1>
        {% endif %}
      </div>
    </div>
  </section>

  {% if sec1.contacts_info|length %}
    {% set con_wids = [
      'ebbea0bb-40cd-8931-9fdf-cc41b84fa961',
      '67e1f149-3751-3548-20c9-4ac611ee80cf',
      '80d161d3-2a56-2273-5e27-67e4ad49dba5'
    ] %}

    <section class="con-2-sec">
      <div class="w-layout-blockcontainer con-2-cont cont w-container">
        <div class="con-2-div">
          {% for item in sec1.contacts_info.all() %}
            {% set item_icon = item.icone.one() ?? null %}
            {% set item_href = item.link_href.url ?? (item.link_href ?? '#') %}

            <a
              data-w-id="{{ con_wids[loop.index0] ?? con_wids[0] }}"
              style="opacity:0"
              href="{{ item_href }}"
              target="{{ item.link_href.target ?? '_self' }}"
              class="card-con w-inline-block"
            >
              {% if item_icon %}
                <img src="{{ WebP(item_icon) }}" loading="lazy" alt="{{ item_icon.title }}" class="card-con-icon">
              {% endif %}

              <div class="card-con-inner">
                {% if item.title %}
                  <p class="card-con-label p">{{ macros.limpar_paragrafos(item.title) }}</p>
                {% endif %}
                {% if item.text %}
                  {% if '<i' in item.text or '<em' in item.text %}
                    {# text traz valor + nota em itálico na mesma string:
                       parte normal -> card-con-link s4 ; itálico -> card-con-label p s6 #}
                    {% set valor = item.text|replace('/<(i|em)[^>]*>[^<]*<\\/(i|em)>/', '')|striptags|trim %}
                    {% set nota = item.text|replace('/.*<(i|em)[^>]*>([^<]*)<\\/(i|em)>.*/', '$2')|striptags|trim %}
                    {% if valor %}<p class="card-con-link s4">{{ valor }}</p>{% endif %}
                    {% if nota %}<p class="card-con-label p s6">{{ nota }}</p>{% endif %}
                  {% else %}
                    <p class="card-con-link s4">{{ macros.limpar_paragrafos(item.text) }}</p>
                  {% endif %}
                {% endif %}
              </div>
            </a>
          {% endfor %}
        </div>
      </div>
    </section>
  {% endif %}
{% endif %}


{# =========================
  SEC 2 — MENSAGEM DIRETA (formulário)
  contacts_section_2:
  - section_title  (RTE)
  - image          (asset)
  - image_2        (asset)
  (Formulário Webflow mantido como está.)
========================= #}
{% set sec2 = entry.contacts_section_2.one() ?? null %}
{% if sec2 %}
  {% set sec2_img = sec2.image.one() ?? null %}
  {% set sec2_img_2 = sec2.image_2.one() ?? null %}

  <section class="por-5-sec">
    <div class="w-layout-blockcontainer por-5-cont cont w-container">
      <div class="por-5-div-main">
        <div class="por-5-div">
          {% if sec2.section_title %}
            <h2 data-w-id="3d1f3fb3-be70-eb2d-52b5-fccf01909a05" style="opacity:0" class="por-5-h s2">
              {{ macros.limpar_paragrafos(sec2.section_title) }}
            </h2>
          {% endif %}

          <div data-w-id="3d1f3fb3-be70-eb2d-52b5-fccf01909a09" style="opacity:0" class="form-block w-form">
            {{ freeform.form('contacto').render }}
          </div>
        </div>

        <div class="por-5-div-2">
          {% if sec2_img %}
            <img class="por-5-img-1" src="{{ WebP(sec2_img) }}" alt="{{ sec2_img.title }}" style="opacity:0" sizes="(max-width: 547px) 100vw, 547px" data-w-id="3d1f3fb3-be70-eb2d-52b5-fccf01909a36" loading="lazy">
          {% endif %}
          {% if sec2_img_2 %}
            <img src="{{ WebP(sec2_img_2) }}" loading="lazy" style="opacity:0" data-w-id="3d1f3fb3-be70-eb2d-52b5-fccf01909a37" alt="{{ sec2_img_2.title }}" class="sob-3-img-2">
          {% endif %}
        </div>
      </div>
    </div>
  </section>
{% endif %}

{% endblock %}