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

{% block main %}            


{# ---------- SECTION 1 (form) ---------- #}
{% set sec1 = entry.registration_section_1.one() ?? null %}
{% if sec1 %}

  <section id="form-sec" class="ins-1-sec">
    <div class="w-layout-blockcontainer ins-1-cont cont w-container">

      <div class="ins-1-div">
        {% if sec1.section_title_2 %}
          <h1 data-w-id="182756fb-e9ad-0943-c950-0f8cbe85b64c" style="opacity:0" class="pag-tag">
            {{ macros.limpar_paragrafos(sec1.section_title_2) }}
          </h1>
        {% endif %}

        {% if sec1.section_title %}
          <h2 data-w-id="182756fb-e9ad-0943-c950-0f8cbe85b64c" style="opacity:0" class="ins-1-h s1">
            {{ macros.limpar_paragrafos(sec1.section_title) }}
          </h2>
        {% endif %}

        {% if sec1.text %}
          <p data-w-id="b4ad1e24-4c4d-f5d7-c31c-52a3fc68b634" style="opacity:0" class="ins-1-p s4">
            {{ macros.limpar_paragrafos(sec1.text) }}
          </p>
        {% endif %}
      </div>

      <div data-w-id="34a58e8e-de8e-3993-e42e-95265fa8ee27" style="opacity:0" class="cont-sec-1-div-2">
        <div class="form-block w-form">

          <form id="wf-form-Formul-rio" name="wf-form-Formul-rio" data-name="Formulário" method="get" class="form-2" data-wf-page-id="6993557d6199381b4a2bc600" data-wf-element-id="34a58e8e-de8e-3993-e42e-95265fa8ee29">
            <div class="form-col">
              <div class="form-div"><label for="Nome" class="label-form p dark">Nome*</label><input class="input-form p dark w-input" maxlength="256" name="Nome" data-name="Nome" placeholder="Ex: António Carneiro Almeida" type="text" id="Nome" required=""></div>
              <div class="form-div"><label for="email" class="label-form p dark">Email*</label><input class="input-form p dark w-input" maxlength="256" name="email" data-name="Email" placeholder="antonio.almeida@email.com" type="email" id="email" required=""></div>
              <div class="form-div"><label for="Telefone" class="label-form p dark">Telefone*</label><input class="input-form p dark w-input" maxlength="256" name="Telefone" data-name="Telefone" placeholder="Ex: 916 195 035" type="tel" id="Telefone" required=""></div>
            </div>
            <div class="form-col last">
              <div class="form-div"><label for="Nome" class="label-form p dark">Data de nascimento*</label><input class="input-form p dark w-input" maxlength="256" name="Nome" data-name="Nome" placeholder="Ex: 25/11/1990" type="text" id="Nome" required=""></div>
              <div class="form-div"><label for="Telefone" class="label-form p dark">NIF*</label><input class="input-form p dark w-input" maxlength="256" name="Telefone" data-name="Telefone" placeholder="Ex: 123 456 789" type="tel" id="Telefone" required=""></div>
              <div class="form-div"><label for="email" class="label-form p dark">NISS*</label><input class="input-form p dark w-input" maxlength="256" name="email" data-name="Email" placeholder="Ex: 12345678910" type="email" id="email" required=""></div>
            </div>
            <div class="form-col last">
              <div class="form-div"><label for="Nome" class="label-form p dark">Morada*</label><input class="input-form p dark w-input" maxlength="256" name="Nome" data-name="Nome" placeholder="Ex: Rua do Comércio, 12, 2º Esquerdo" type="text" id="Nome" required=""></div>
              <div class="form-div"><label for="Telefone" class="label-form p dark">Código postal*</label><input class="input-form p dark w-input" maxlength="256" name="Telefone" data-name="Telefone" placeholder="Ex: 1234-567" type="tel" id="Telefone" required=""></div>
              <div class="form-div"><label for="email" class="label-form p dark">Localidade*</label><input class="input-form p dark w-input" maxlength="256" name="email" data-name="Email" placeholder="Ex: Lisboa" type="email" id="email" required=""></div>
            </div>
            <div class="form-col last">
              <div class="form-div"><label for="Nome" class="label-form p dark">Data para admissão*</label><input class="input-form p dark w-input" maxlength="256" name="Nome" data-name="Nome" placeholder="Ex:  01/09/2024" type="text" id="Nome" required=""></div>
              <div class="form-div"><label for="Telefone" class="label-form p dark">Nº de irmãosl*</label><input class="input-form p dark w-input" maxlength="256" name="Telefone" data-name="Telefone" placeholder="Ex:  2" type="tel" id="Telefone" required=""></div>
            </div>
            <div class="form-col last">

              <!-- LOCALIZAÇÃO -->
              <div class="form-radio-div">
                <label class="label-form p dark">Localização*</label>
                <div class="radio-div-inner">

                  <label class="w-radio">
                    <input type="radio" name="loc" id="loc_bacelos" class="w-form-formradioinput w-radio-input" value="Quinta dos Bacelos">
                    <span class="radio-label w-form-label" for="loc_bacelos">Quinta dos Bacelos</span>
                  </label>

                  <label class="w-radio">
                    <input type="radio" name="loc" id="loc_fidalgos" class="w-form-formradioinput w-radio-input" value="Quinta dos Fidalgos">
                    <span class="radio-label w-form-label" for="loc_fidalgos">Quinta dos Fidalgos</span>
                  </label>

                  <label class="w-radio">
                    <input type="radio" name="loc" id="loc_ponte" class="w-form-formradioinput w-radio-input" value="Quinta da Ponte">
                    <span class="radio-label w-form-label" for="loc_ponte">Quinta da Ponte</span>
                  </label>

                </div>
              </div>

              <!-- SERVIÇO -->
              <div class="form-radio-div">
                <label class="label-form p dark">Serviço*</label>
                <div class="radio-div-inner">

                  <label class="w-radio">
                    <input type="radio" name="serv" id="serv_creche" class="w-form-formradioinput w-radio-input" value="Creche">
                    <span class="radio-label w-form-label" for="serv_creche">Creche</span>
                  </label>

                  <label class="w-radio">
                    <input type="radio" name="serv" id="serv_pre" class="w-form-formradioinput w-radio-input" value="Pré-Escolar">
                    <span class="radio-label w-form-label" for="serv_pre">Pré-Escolar</span>
                  </label>

                  <label class="w-radio">
                    <input type="radio" name="serv" id="serv_ciclo" class="w-form-formradioinput w-radio-input" value="Escola 1.º Ciclo">
                    <span class="radio-label w-form-label" for="serv_ciclo">Escola 1.º Ciclo</span>
                  </label>

                </div>
              </div>

              <!-- REFERÊNCIA -->
              <div class="form-radio-div">
                <label class="label-form p dark">Como tomou conhecimento da ABEI?*</label>
                <div class="radio-div-inner">

                  <label class="w-radio">
                    <input type="radio" name="ref" id="ref_media" class="w-form-formradioinput w-radio-input" value="Meios de comunicação">
                    <span class="radio-label w-form-label" for="ref_media">Meios de comunicação</span>
                  </label>

                  <label class="w-radio">
                    <input type="radio" name="ref" id="ref_amigos" class="w-form-formradioinput w-radio-input" value="Amigos">
                    <span class="radio-label w-form-label" for="ref_amigos">Amigos</span>
                  </label>

                  <label class="w-radio">
                    <input type="radio" name="ref" id="ref_site" class="w-form-formradioinput w-radio-input" value="Site">
                    <span class="radio-label w-form-label" for="ref_site">Site</span>
                  </label>

                  <label class="w-radio">
                    <input type="radio" name="ref" id="ref_facebook" class="w-form-formradioinput w-radio-input" value="Facebook">
                    <span class="radio-label w-form-label" for="ref_facebook">Facebook</span>
                  </label>

                  <label class="w-radio">
                    <input type="radio" name="ref" id="ref_outro" class="w-form-formradioinput w-radio-input" value="Outro">
                    <span class="radio-label w-form-label" for="ref_outro">Outro</span>
                  </label>

                </div>
              </div>

            </div>
            <div class="form-div"><label for="Mensagem" class="label-form p dark">Outras Informações*</label><textarea id="Mensagem" name="Mensagem" maxlength="5000" data-name="Mensagem" placeholder="Utilize este campo para se apresentar ou fazer alguma questão que queira ter respondida oao estabelecermos s contacto. " required="" class="input-form p dark w-input"></textarea></div><label class="w-checkbox"><input type="checkbox" name="Pol-tica-de-Privacidade" id="Pol-tica-de-Privacidade" data-name="Política de Privacidade" required="" class="w-checkbox-input checkbox"><span class="s6-2 pp-form dark w-form-label" for="Pol-tica-de-Privacidade">Li e concordo com os Termos e Política de Privacidade</span></label><input type="submit" data-wait="A enviar mensagem..." class="btn-main btn-form w-button" value="Enviar mensagem">
          </form>

        </div>
      </div>

    </div>
  </section>
{% endif %}


{# ---------- SECTION 2 (CTA) ---------- #}
{% set sec2 = entry.registration_section_2.one() ?? null %}
{% if sec2 %}
  {% set sec2_img = sec2.image.one() ?? null %}

  <section class="cta-2-sec">
    <div class="cta-2-div-img">
      {% if sec2_img %}
        <img
          src="{{ WebP(sec2_img) }}"
          loading="lazy"
          alt="{{ sec2_img.title }}"
          class="cta-2-img"
        >
      {% endif %}
    </div>

    <div class="w-layout-blockcontainer cta-2-cont cont w-container">
      <div class="cta-2-div-left">

        {% if sec2.section_title %}
          <h2 data-w-id="001fe383-4d72-e341-dda3-3f71603b5020" style="opacity:0" class="cta-2-h s2 white">
            {{ macros.limpar_paragrafos(sec2.section_title) }}
          </h2>
        {% endif %}

        {% if sec2.text %}
          <p data-w-id="001fe383-4d72-e341-dda3-3f71603b5025" style="opacity:0" class="cta-2-p s4 white">
            {{ macros.limpar_paragrafos(sec2.text) }}
          </p>
        {% endif %}

        {% if sec2.btn_text %}
          <a
            data-w-id="001fe383-4d72-e341-dda3-3f71603b5027"
            style="opacity:0"
            href="{{ sec2.btn_link ?? '#' }}"
            target="{{ sec2.btn_link.target ?? '_self' }}"
            class="btn-sec w-button"
          >
            {{ macros.limpar_paragrafos(sec2.btn_text) }}
          </a>
        {% endif %}

      </div>

      <div class="cta-2-div-right"></div>
    </div>
  </section>
{% endif %}


{% endblock %}