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

{% block main %}

{# Listagens dinâmicas usadas nas secções 3 e 5 #}
{% set projects = craft.entries()
  .section('projects')
  .orderBy('postDate desc')
  .all()|filter(p => p.situation.value == '0')|slice(0, 8)
%}
{% set solutions = craft.entries()
  .section('solutions')
  .orderBy('postDate asc')
  .all()
%}


{# =========================
  SEC 1 — HERO (vídeo)
  home_section_1:
  - section_title  (RTE)
  - short_video    (asset)
========================= #}
{% set sec1 = entry.home_section_1.one() ?? null %}
{% if sec1 %}
  {% set sec1_video = sec1.short_video.one() ?? null %}

  <div
    data-video-urls="{{ sec1_video ? sec1_video.url : '' }}"
    data-autoplay="true"
    data-loop="true"
    data-wf-ignore="true"
    class="ini-1-sec w-background-video w-background-video-atom"
  >
    <video
      id="1e42a681-b6c5-db8f-d72c-981f7829bbc2-video"
      autoplay=""
      loop=""
      muted=""
      playsinline=""
      data-wf-ignore="true"
      data-object-fit="cover"
    >
      {% if sec1_video %}<source src="{{ sec1_video.url }}" type="video/mp4">{% endif %}
    </video>

    <div class="w-layout-blockcontainer ini-1-cont cont w-container">
      <div class="ini-1-div">
        {% if sec1.section_title %}
          <h1 data-w-id="6b5dc520-7541-137b-d9fb-24386ae10187" style="opacity:0" class="ini-1-h s1">
            {{ macros.limpar_paragrafos(sec1.section_title) }}
          </h1>
        {% endif %}

        <img
          src="/uploads/ini-1-icon.svg"
          loading="lazy"
          style="opacity:0"
          data-w-id="873abaed-84b8-2e4e-48bb-a7cd3aef1026"
          alt=""
          class="ini-1-img"
        >
      </div>
    </div>
  </div>
{% endif %}


{# =========================
  SEC 2 — SOBRE
  home_section_2:
  - section_title  (RTE)
  - btn_text       (plain text)
  - btn_link       (entry link)
  - image          (asset)
  - text           (RTE)
  - text_2         (RTE)
  - text_3         (RTE)
========================= #}
{% set sec2 = entry.home_section_2.one() ?? null %}
{% if sec2 %}
  {% set sec2_img = sec2.image.one() ?? null %}
  {% set sec2_btn_href = sec2.btn_link.url ?? (sec2.btn_link ?? '#') %}

  <section class="ini-2-sec">
    <div class="w-layout-blockcontainer ini-2-cont cont w-container">
      <div class="ini-2-div">
        <div class="ini-2-div-top">
          <div class="ini-2-div-top-inner">
            {% if sec2.section_title %}
              <h2 data-w-id="be9b0ada-a04c-14c3-6794-f25e75bfcd91" style="opacity:0" class="ini-2-p s2">
                {{ macros.limpar_paragrafos(sec2.section_title) }}
              </h2>
            {% endif %}

            {% if sec2.btn_text %}
              <a
                data-w-id="b71f4e79-5102-aade-7340-68d8c8d9f6b9"
                style="opacity:0"
                href="{{ sec2_btn_href }}"
                target="{{ sec2.btn_link.target ?? '_self' }}"
                class="a-main-white w-button"
              >
                {{ macros.limpar_paragrafos(sec2.btn_text) }}
              </a>
            {% endif %}
          </div>

          {% if sec2_img %}
            <img
              class="ini-2-img"
              src="{{ WebP(sec2_img) }}"
              alt="{{ sec2_img.title }}"
              style="opacity:0"
              sizes="100vw"
              data-w-id="4ce9da06-ada4-756c-94d5-41c1b5f05400"
              loading="lazy"
            >
          {% endif %}
        </div>

        <div class="ini-2-div-bot">
          {% if sec2.text %}
            <p data-w-id="6ee07326-b0e2-a42a-9879-4e284637fc26" style="opacity:0" class="ini-2-p p">
              {{ macros.limpar_paragrafos(sec2.text) }}
            </p>
          {% endif %}

          {% if sec2.text_2 %}
            <p data-w-id="490a02f7-c0e7-c46b-a380-4dfa1377564d" style="opacity:0" class="ini-2-p p">
              {{ macros.limpar_paragrafos(sec2.text_2) }}
            </p>
          {% endif %}

          {% if sec2.text_3 %}
            <p data-w-id="dfdc0556-913f-9a4b-62e0-9282f36d4f9a" style="opacity:0" class="ini-2-p p up">
              {{ macros.limpar_paragrafos(sec2.text_3) }}
            </p>
          {% endif %}
        </div>
      </div>
    </div>
  </section>
{% endif %}


{# =========================
  SEC 3 — PORTFÓLIO (últimos 5 projetos)
  home_section_3:
  - section_title  (RTE)
  - btn_text       (plain text)
  - btn_link       (entry link)
  Listagem: channel `projects` (postDate desc, limit 5)
  - title, location, image, state
========================= #}
{% set sec3 = entry.home_section_3.one() ?? null %}
{% if sec3 %}
  {% set sec3_btn_href = sec3.btn_link.url ?? (sec3.btn_link ?? '#') %}

  <section class="ini-3-sec">
    <div class="w-layout-blockcontainer ini-3-cont cont w-container">
      <div class="ini-3-div">
        <div class="ini-3-div-top">
          {% if sec3.section_title %}
            <h2 data-w-id="b1f51420-a297-3321-0eb6-347129d558ac" style="opacity:0" class="ini-3-h s2">
              {{ macros.limpar_paragrafos(sec3.section_title) }}
            </h2>
          {% endif %}

          {% if sec3.btn_text %}
            <a
              data-w-id="d270aab6-8567-ccf2-a420-c26119c70436"
              style="opacity:0"
              href="{{ sec3_btn_href }}"
              target="{{ sec3.btn_link.target ?? '_self' }}"
              class="a-main-white w-button"
            >
              {{ macros.limpar_paragrafos(sec3.btn_text) }}
            </a>
          {% endif %}
        </div>

        {% if projects|length %}
          <div data-w-id="37b6cf5e-213b-e6a1-f7ad-d8531d8fa152" style="opacity:0" class="ni-3-div-bot">
            <div class="slider-wrapper" data-arrows="0">
              <div class="carousel slider-ni-3">
                {% for project in projects %}
                  {% set project_img = project.image.one() ?? null %}

                  <div class="carousel-cell">
                    <a href="{{ project.url }}" class="card-proj-s w-inline-block">
                      <div class="card-proj-s-top">
                        {% if project_img %}
                          <img
                            loading="lazy"
                            src="{{ WebP(project_img) }}"
                            alt="{{ project_img.title ?: project.title }}"
                            class="card-proj-s-img"
                          >
                        {% endif %}
                      </div>

                      <div class="card-proj-s-bot">
                        {% if project.location %}
                          <p class="card-proj-s-loc s6">{{ macros.limpar_paragrafos(project.location) }}</p>
                        {% endif %}
                        <p class="card-proj-s-h s5">{{ macros.limpar_paragrafos(project.title) }}</p>
                        {% if project.state.value %}
                          <p class="card-proj-s-loc s6">{{ project.state.label|t }}</p>
                        {% endif %}
                      </div>
                    </a>
                  </div>
                {% endfor %}
              </div>
            </div>
          </div>
        {% endif %}
      </div>
    </div>
  </section>
{% endif %}


{# =========================
  SEC 4 — O QUE FAZEMOS
  home_section_4:
  - section_title  (RTE)
  - text           (RTE)
  - image          (asset)
  - image_3        (asset, "Imagem 2" na UI)
  - text_2         (RTE)
  - gallery        (assets — logos)
========================= #}
{% set sec4 = entry.home_section_4.one() ?? null %}
{% if sec4 %}
  {% set sec4_img = sec4.image.one() ?? null %}
  {% set sec4_img_2 = sec4.image_2.one() ?? null %}
  {% set sec4_gallery = sec4.gallery.all() ?? [] %}

  <section class="ini-4-sec">
    <div class="w-layout-blockcontainer ini-4-cont cont w-container">
      <div class="ini-4-div">
        <div class="ini-4-div-1">
          {% if sec4.section_title %}
            <h2 data-w-id="fe8097a3-3414-dbd8-e538-9aa77cd761f6" style="opacity:0" class="ini-4-h s2">
              {{ macros.limpar_paragrafos(sec4.section_title) }}
            </h2>
          {% endif %}

          {% if sec4.text %}
            <p data-w-id="97ba494d-f283-1bfc-d086-1b19b768aef3" style="opacity:0" class="ini-4-p p">
              {{ macros.limpar_paragrafos(sec4.text) }}
            </p>
          {% endif %}
        </div>

        <div class="ini-4-div-2">
          {% if sec4_img %}
            <img
              class="ini-4-img-1"
              src="{{ WebP(sec4_img) }}"
              alt="{{ sec4_img.title }}"
              style="opacity:0"
              sizes="(max-width: 504px) 100vw, 504px"
              data-w-id="313b068b-2dcb-5d44-cec5-83b2c453b0d6"
              loading="lazy"
            >
          {% endif %}

          {% if sec4_img_2 %}
            <img
              src="{{ WebP(sec4_img_2) }}"
              loading="lazy"
              style="opacity:0"
              data-w-id="22fd8026-5acd-6fbc-7128-d744bd8faa86"
              alt="{{ sec4_img_2.title }}"
              class="ini-4-img-2"
            >
          {% endif %}
        </div>

        <div class="ini-4-div-3">
          {% if sec4.text_2 %}
            <div data-w-id="fc817b7a-9c1e-64ea-c72b-65de2fba7aa5" style="opacity:0" class="ini-4-p p">
              {{ sec4.text_2 }}
            </div>
          {% endif %}

          {% if sec4_gallery|length %}
            <div data-w-id="1a23f48b-0f32-852a-ebfd-3f8adcf7c82e" style="opacity:0" class="ini-4-div-logos">
              {% for logo in sec4_gallery %}
                <img
                  src="{{ WebP(logo) }}"
                  loading="lazy"
                  alt="{{ logo.title }}"
                  class="{{ loop.first ? 'image-2' : '' }}"
                >
              {% endfor %}
            </div>
          {% endif %}
        </div>
      </div>
    </div>
  </section>
{% endif %}


{# =========================
  SEC 5 — SOLUÇÕES (todas as soluções)
  home_section_5:
  - section_title  (RTE)
  Listagem: channel `solutions` (postDate asc)
  - title, text_2 (curto), image, image_2
========================= #}
{% set sec5 = entry.home_section_5.one() ?? null %}
{% if sec5 %}
  {% set services_page = craft.entries().section('services').one() ?? null %}
  <section class="ini-5-sec">
    <div class="w-layout-blockcontainer ini-5-cont cont w-container">
      <div class="ini-5-div">
        <div class="ini-5-div-top">
          {% if sec5.section_title %}
            <h2 data-w-id="77a0db14-4e78-1860-08df-906211867f3e" style="opacity:0" class="ini-5-h s2">
              {{ macros.limpar_paragrafos(sec5.section_title) }}
            </h2>
          {% endif %}
        </div>

        {% if solutions|length %}
          <div data-w-id="4d5cf78e-8de7-2c5e-7d20-972e47dcb2a7" style="opacity:0" class="ini-5-div-bot">
            {% for solution in solutions %}
              {% set sol_img_1 = solution.image.one() ?? null %}
              {% set sol_img_2 = solution.image_2.one() ?? null %}
              {% set sol_text = solution.text_2 ?: solution.text %}

              <div class="card-serv">
                {% if sol_img_1 %}
                  <img
                    src="{{ WebP(sol_img_1) }}"
                    loading="lazy"
                    sizes="100vw"
                    alt="{{ sol_img_1.title ?: solution.title }}"
                    class="card-serv-img-1"
                  >
                {% endif %}

                <div class="card-serv-div-2">
                  <h3 class="card-serv-h s3">{{ macros.limpar_paragrafos(solution.title) }}</h3>
                  <a href="{{ services_page ? (services_page.url ~ '#' ~ solution.slug) : solution.url }}" class="a-main-black w-button">{{ 'btn.saber_mais'|t }}</a>
                </div>

                <div class="card-serv-div-3">
                  {% if sol_text %}
                    <p class="card-serv-p p">{{ macros.limpar_paragrafos(sol_text) }}</p>
                  {% endif %}

                  {% if sol_img_2 %}
                    <img src="{{ WebP(sol_img_2) }}" loading="lazy" alt="{{ sol_img_2.title }}" class="card-serv-img-2">
                  {% endif %}
                </div>
              </div>
            {% endfor %}
          </div>
        {% endif %}
      </div>
    </div>
  </section>
{% endif %}


{# =========================
  SEC 6 — CONTACTO DIRETO
  home_section_6:
  - section_title  (RTE)
  - image          (asset)
========================= #}
{% set sec6 = entry.home_section_6.one() ?? null %}
{% if sec6 %}
  {% set sec6_img = sec6.image.one() ?? null %}

  <section class="ini-6-sec">
    <div class="w-layout-blockcontainer ini-6-cont cont w-container">
      <div class="ini-6-div">
        <div class="ini-6-div-1">
          {% if sec6.section_title %}
            <h2 data-w-id="ad745496-e7fe-13cf-4333-e599111b888c" style="opacity:0" class="ini-6-h s2">
              {{ macros.limpar_paragrafos(sec6.section_title) }}
            </h2>
          {% endif %}

          {# Formulário carregado de forma lazy (lógica em js/custom.js): o
             fragmento só é pedido quando se aproxima da viewport
             (IntersectionObserver, rootMargin 1500px) ou, no máximo, após 10s.
             Fica fora de qualquer cache — o CSRF é gerado a cada pedido AJAX. #}
          <div
            data-w-id="4942cec9-e954-aad5-b81c-4e9c5d31dee9"
            style="opacity:0"
            class="form-block w-form"
            data-lazy-form
            data-form-endpoint="{{ url('contact-form-fragment') }}"
          >
            <div class="form-lazy-shell" aria-live="polite"></div>
          </div>
        </div>

        {% if sec6_img %}
          <div class="ini-6-div-2">
            <img
              class="ini-6-img"
              src="{{ WebP(sec6_img) }}"
              alt="{{ sec6_img.title }}"
              style="opacity:0"
              sizes="(max-width: 767px) 100vw, (max-width: 991px) 95vw, 940px"
              data-w-id="43cb1ec3-e845-7778-95af-c789bbece1ab"
              loading="lazy"
            >
          </div>
        {% endif %}
      </div>
    </div>
  </section>
{% endif %}

{% endblock %}