url = "/contactos"
layout = "default"
title = "Contact"
is_hidden = 0
meta_title = "Contato"

[genericForm]
rules[name] = "required"
rules[email] = "required|email"
rules_messages[email.required] = "O email é obrigatório."
rules_messages[name.required] = "O nome é obrigatório."
messages_success = "O seu pedido foi registado. Tentamos ser breves."
messages_errors = "Opps, não foi possível enviar a sua mensagem. Tente de outra forma ou verifique se introduziu tudo correcto.."
messages_partial = "sucessoform"
mail_enabled = 1
mail_subject = "Enviou uma mensagem"
mail_bcc[] = "hfelix@viamodul.pt"
mail_resp_enabled = 1
mail_resp_field = "hfelix@viamodul.pt"
mail_resp_from = "hfelix@viamodul.pt"
mail_resp_subject = "Obrigado pela sua mensagem"
inline_errors = "display"
sanitize_data = "disabled"
anonymize_ip = "disabled"
recaptcha_enabled = 1
recaptcha_theme = "light"
recaptcha_type = "image"
recaptcha_size = "invisible"
emails_date_format = "Y-m-d"
==
<div class="container my-16">

<h1 class="mb-4">Contactos</h1>

<p>
Estamos ao dispor para qualquer questão, através dos contactos ou do formulário abaixo.
<br><br>
AUTORIDADE DE TURISMO DA TAILÂNDIA EM PORTUGAL
<br>
Rua José Galhardo 1, Loja 1 - Cave
<br>
1750-131 Lumiar, Lisboa | Portugal
<br><br>
Telefone: (+351) 213 916 600 | (+351) 213 916 601<br>
E-mail: 
<a href="&#109;&#65;&#73;&#76;&#84;&#79;&#58;&#105;&#110;&#102;&#111;&#64;&#116;&#117;&#114;&#105;&#115;&#109;&#111;&#116;&#97;&#105;&#108;&#97;&#110;&#100;&#101;&#115;&#46;&#111;&#114;&#103;&#46;&#112;&#116;">info@turismotailandes.org.pt</a>
<br>
Website: <a href="https://www.turismotailandes.org.pt" target="_blank">www.turismotailandes.org.pt</a><br>
</p>
    <h2 class="mb-4 text-lg font-medium pt-8 text-pink-600">Envie-nos uma mensagem</h2>

    <form data-request="{{ genericForm }}::onFormSubmit">
    
        {{ form_token() }}
    
        <div id="{{ genericForm }}_forms_flash"></div>
         
        {#
        <div class="form-group">
            <label for="name">Name:</label>
            <input type="text" id="name" name="name" class="form-control">
        </div>
        #}
        <div class="flex flex-col mb-6">
          <label for="name" >Nome:</label>
          <div class="relative">
            <div class="inline-flex items-center justify-center absolute left-0 top-0 h-full w-10 text-gray-400">
              <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
                  <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" />
              </svg>
            </div>
            <input
                name="name"
                type="text"
                id="name"
                placeholder="Introduza o seu nome"
                class="form-control text-sm sm:text-base placeholder-gray-500 pl-10 pr-4 rounded-lg border border-gray-400 w-full py-2 focus:outline-none focus:border-blue-400" 
                 />
          </div>
        </div>

        {#
        <div class="form-group">
            <label for="email">Email:</label>
            <input type="text" id="email" name="email" class="form-control">
        </div>
        #}

        <div class="flex flex-col mb-6">
          <label for="email" >E-mail:</label>
          <div class="relative">
            <div class="inline-flex items-center justify-center absolute left-0 top-0 h-full w-10 text-gray-400">
              <svg class="h-6 w-6" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor">
                <path d="M16 12a4 4 0 10-8 0 4 4 0 008 0zm0 0v1.5a2.5 2.5 0 005 0V12a9 9 0 10-9 9m4.5-1.206a8.959 8.959 0 01-4.5 1.207" />
              </svg>
            </div>
            <input
                name="email"
                type="text"
                id="email"
                placeholder="Introduza o seu e-mail"
                class="form-control text-sm sm:text-base placeholder-gray-500 pl-10 pr-4 rounded-lg border border-gray-400 w-full py-2 focus:outline-none focus:border-blue-400" 
                 />
          </div>
        </div>
    
        {#
        <div class="form-group">
            <label for="subject">Subject:</label>
            <input type="text" id="subject" name="subject" class="form-control">
        </div>
        #}
        {#
        <div class="form-group">
            <textarea id="comments" name="comments" rows="8" cols="80"></textarea>
        </div>
        #}
        <div class="flex flex-col mb-6">
          <label for="comments" >Mensagem:</label>
          <div class="relative">
            <div class="inline-flex items-start justify-center absolute left-0 top-0 pt-2 pl-2 h-full w-10 text-gray-400">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-6">
                  <path fill-rule="evenodd" d="M4.848 2.771A49.144 49.144 0 0 1 12 2.25c2.43 0 4.817.178 7.152.52 1.978.292 3.348 2.024 3.348 3.97v6.02c0 1.946-1.37 3.678-3.348 3.97a48.901 48.901 0 0 1-3.476.383.39.39 0 0 0-.297.17l-2.755 4.133a.75.75 0 0 1-1.248 0l-2.755-4.133a.39.39 0 0 0-.297-.17 48.9 48.9 0 0 1-3.476-.384c-1.978-.29-3.348-2.024-3.348-3.97V6.741c0-1.946 1.37-3.68 3.348-3.97ZM6.75 8.25a.75.75 0 0 1 .75-.75h9a.75.75 0 0 1 0 1.5h-9a.75.75 0 0 1-.75-.75Zm.75 2.25a.75.75 0 0 0 0 1.5H12a.75.75 0 0 0 0-1.5H7.5Z" clip-rule="evenodd" />
              </svg>
            </div>
            <textarea
                name="comments"
                type="text"
                id="comments"
                placeholder="Introduza a sua mensagem"
                class="form-control h-32 text-sm sm:text-base placeholder-gray-500 pl-10 pr-4 rounded-lg border border-gray-400 w-full py-2 focus:outline-none focus:border-blue-400" 
                 ></textarea>
          </div>
        </div>

        <div class="flex items-center items-start mb-4">
            <input id="checkbox-1" aria-describedby="checkbox-1" type="checkbox" class="bg-pink-500 border-gray-300 focus:ring-3 focus:ring-pink-300 h-4 w-4 rounded"  onchange="document.getElementById('simpleContactSubmitButton').disabled = !this.checked;">
            <label for="checkbox-1" class="text-sm ml-3 font-medium text-gray-900">Eu aceito os <a href="/pagina/termos-e-condicoes" class="text-pink-600 hover:underline">Termos e condições</a> e a <a href="/pagina/politica-de-privacidade" class="text-pink-600 hover:underline">Política de privacidade</a>.</label>
        </div>

    
        <div class="form-group">
            {% partial '@recaptcha' %}
        </div>
        {#
        <button id="simpleContactSubmitButton" type="submit" class="btn btn-default">Submit</button>
        #} 
        <div class="flex w-full pt-4">
          <button type="submit" disabled id="simpleContactSubmitButton" class="relative w-full flex items-center justify-center focus:outline-none  text-sm sm:text-base rounded py-4 w-full transition duration-150 ease-in
          rounded-3xl text-white bg-pink-thai hover:bg-pink-600 hover:text-gray-100 focus:outline-none transition duration-150 ease-in-out mb-3 my-1 h-5">
            <span class=" uppercase absolute text-base">Enviar</span>
            <span class="absolute right-2px">
              <svg class="btn_iccon_w-1-8 btn_iccon_h-1-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="0" stroke="currentColor">
                <!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                <path d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/>
              </svg>
            </span>
          </button>
        </div>
    
    </form>

    
    {#    
    <form class="w-full max-w-xs mt-8">
        <div class="md:flex md:items-center mb-6">
            <div class="md:w-1/3">
            <label class="block text-grey font-bold md:text-right mb-1 md:mb-0 pr-4" for="inline-full-name">
                Full Name
            </label>
            </div>
            <div class="md:w-2/3">
                <input class="bg-grey-lighter appearance-none border-2 border-grey-lighter rounded w-full py-2 px-4 text-grey-darker leading-tight focus:outline-none focus:bg-white focus:border-purple" id="inline-full-name" type="text" value="Jane Doe">
            </div>
        </div>
        <div class="md:flex md:items-center mb-6">
            <div class="md:w-1/3">
            <label class="block text-grey font-bold md:text-right mb-1 md:mb-0 pr-4" for="inline-email">
                Email
            </label>
            </div>
            <div class="md:w-2/3">
                <input class="bg-grey-lighter appearance-none border-2 border-grey-lighter rounded w-full py-2 px-4 text-grey-darker leading-tight focus:outline-none focus:bg-white focus:border-purple" id="inline-email" type="text" value="jane@doe.com">
            </div>
        </div>
        <div class="md:flex md:items-center mb-6">
            <div class="md:w-1/3">
            <label class="block text-grey font-bold md:text-right mb-1 md:mb-0 pr-4" for="inline-message">
                Message
            </label>
            </div>
            <div class="md:w-2/3">
                <textarea class="bg-grey-lighter appearance-none border-2 border-grey-lighter rounded w-full py-2 px-4 text-grey-darker leading-tight focus:outline-none focus:bg-white focus:border-purple" id="inline-message" value=""></textarea>
            </div>
        </div>
        <div class="md:flex md:items-center">
            <div class="md:w-1/3"></div>
            <div class="md:w-2/3">
            <button class="shadow bg-purple hover:bg-purple-light focus:shadow-outline focus:outline-none text-white font-bold py-2 px-4 rounded" type="button">
                Contact
            </button>
            </div>
        </div>
    </form>
    #}
</div>