<div>
    <style>
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            padding: 20px;
            background-color: #f4f4f4;
            /* Adiciona uma cor de fundo mais suave */
        }

        form {
            background-color: #ffffff;
            /* Cor de fundo branca para o formulário */
            padding: 20px;
            border-radius: 10px;
            /* Cantos mais arredondados */
            max-width: 40%;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            /* Sombra sutil */
            margin: 20px auto;
            /* Centraliza o formulário */
        }

        input[type="text"],
        input[type="email"],
        input[type="tel"],
        textarea,
        select {
            width: 100%;
            padding: 10px;
            margin: 10px 0;
            display: inline-block;
            border: 1px solid #ccc;
            border-radius: 4px;
            /* Borda arredondada para os campos de entrada */
            box-sizing: border-box;
            transition: border-color 0.3s;
            /* Transição suave para cor da borda */
        }

        .formulario-principal {
            margin: 4rem;
        }

        input[type="text"]:focus,
        input[type="email"]:focus,
        input[type="tel"]:focus,
        textarea:focus,
        select:focus {
            border-color: #0078d4;
            /* Cor da borda ao focar */
        }


        button {
            background-color: #96100d;
            /* Cor principal do botão */
            color: white;
            padding: 14px 20px;
            margin: 8px 0;
            border: none;
            cursor: pointer;
            width: 100%;
            border-radius: 4px;
            /* Borda arredondada para o botão */
            transition: background-color 0.3s, opacity 0.3s;
            /* Transição suave para hover */
        }

        button:hover {
            background-color: #96100d;
            /* Cor mais escura quando mouse está sobre o botão */
            opacity: 0.9;
        }
    </style>
    <div class="formulario-principal">
        <h1>Convênio</h1>
        <p>Toro Empreendimentos Imobiliários, oferece aos advogados inscritos na OAB - Subseção De Maringá, seus
            dependentes
            e aos funcionários ligados à Subseção:</p>
        <ul>
            <li>DESCONTO nos honorários de corretagem, correspondente a tabela de honorários do CRECI-PR, reduzindo a
                comissão de corretagem em termos práticos sobre a intermediação imobiliária, com exclusividade.</li>
            <li>NAS AQUISIÇÕES de imóvel de construtora cuja negociação intermediada pela Toro Empreendimentos
                Imobiliários,
                o (a) comprador (a) ganhará um presente surpresa exclusivo!</li>
        </ul>
        <h2>Atendimento</h2>
        <p>Utilize o formulário abaixo para entrar em contato.</p>
        <form id="meuFormulario" action="/submit-form" method="post">
            <label for="nome">Nome:</label>
            <input type="text" id="nome" name="nome" required>

            <label for="email">E-mail:</label>
            <input type="email" id="email" name="email" required>

            <label for="celular">Celular ou Telefone:</label>
            <input type="tel" id="celular" name="celular" required>

            <label for="estado">Estado:</label>
            <select id="estado" name="estado" required>
                <option value="AC">Acre</option>
                <option value="AL">Alagoas</option>
                <option value="AP">Amapá</option>
                <option value="AM">Amazonas</option>
                <option value="BA">Bahia</option>
                <option value="CE">Ceará</option>
                <option value="DF">Distrito Federal</option>
                <option value="ES">Espírito Santo</option>
                <option value="GO">Goiás</option>
                <option value="MA">Maranhão</option>
                <option value="MT">Mato Grosso</option>
                <option value="MS">Mato Grosso do Sul</option>
                <option value="MG">Minas Gerais</option>
                <option value="PA">Pará</option>
                <option value="PB">Paraíba</option>
                <option value="PR" selected>Paraná</option>
                <option value="PE">Pernambuco</option>
                <option value="PI">Piauí</option>
                <option value="RJ">Rio de Janeiro</option>
                <option value="RN">Rio Grande do Norte</option>
                <option value="RS">Rio Grande do Sul</option>
                <option value="RO">Rondônia</option>
                <option value="RR">Roraima</option>
                <option value="SC">Santa Catarina</option>
                <option value="SP">São Paulo</option>
                <option value="SE">Sergipe</option>
                <option value="TO">Tocantins</option>
            </select>

            <label for="cidade">Cidade:</label>
            <input type="text" id="cidade" name="cidade" required>

            <label for="convenio">Convênio:</label>
            <select id="convenio" name="convenio" required>
                <option value="selecionar" selected>Selecionar</option>
                <option value="oab">OAB</option>
                <option value="convenio_medico">Convênio Médico</option>
            </select>

            <label for="mensagem">Mensagem:</label>
            <textarea id="mensagem" name="mensagem" rows="4" required></textarea>

            <input type="checkbox" id="deseja_receber_informacoes" name="deseja_receber_informacoes">
            <label for="deseja_receber_informacoes">Desejo receber informações de Toro Imóveis</label>


            <button type="submit">Enviar</button>
        </form>
        <script>
            // Função para lidar com o envio do formulário
            function enviarFormulario(event) {
                event.preventDefault(); // Previne o comportamento padrão de envio do formulário

                // Coletando dados do formulário como um objeto para converter em JSON
                const formulario = document.getElementById('meuFormulario');
                const formData = new FormData(formulario);
                const dadosJson = {};
                let querReceberInformacoes;
                formData.forEach((value, key) => {
                    dadosJson[key] = value;
                });
                if (dadosJson.convenio == "selecionar") {
                    alert("Por favor, selecione um convênio válido")
                    return
                }
                if (dadosJson.deseja_receber_informacoes) {
                    querReceberInformacoes = "Sim";
                }
                else {
                    querReceberInformacoes = "Não";
                }
                let convenio_formatado = dadosJson.convenio == "oab" ? "Oab" : "Convênio médico"
                let mensagemFormatada = `Convênio: ${convenio_formatado} | ${dadosJson.mensagem} | ${dadosJson.cidade}-${dadosJson.estado} | Deseja Receber informações da Toro Imóveis: ${querReceberInformacoes}`

                let payloadFlip = {
                    nome: dadosJson.nome,
                    email: dadosJson.email,
                    telefone: dadosJson.celular,
                    mensagem: mensagemFormatada,
                    tipoMidia: "SITE"
                }
                // Opções da requisição POST com JSON
                const fetchOptions = {
                    method: 'POST',
                    body: JSON.stringify(payloadFlip), // Convertendo os dados do formulário para JSON
                    headers: {
                        'Content-Type': 'application/json', // Indicando que o corpo da requisição é um JSON
                        'Accept': 'application/json', // Indicando que a resposta esperada é um JSON
                    },
                };

                // URL para onde os dados serão enviados
                const apiUrl = 'https://integracaolp.imobiliaria.eurekalabs.com.br/interests?clientId=d5e4e31e-5dc1-48bb-9450-d0083992bc86';
                // Realizando a requisição para a API
                fetch(apiUrl, fetchOptions)
                    .then(response => {
                        if (!response.ok) {
                            throw new Error('Network response was not ok ' + response.statusText);
                        }
                        return response.json();
                    })
                    .then(data => {
                        console.log('Success:', data);
                        alert('Formulário enviado com sucesso!');
                    })
                    .catch((error) => {
                        console.error('Error:', error);
                        alert('Erro ao enviar formulário: ' + error.message);
                    });
            }

            // Adicionar o listener ao formulário
            document.getElementById('meuFormulario').addEventListener('submit', enviarFormulario);
        </script>
    </div>
</div>

Entre Em Contato Conosco e Agende Sua Visita. Conte Com o Apoio de Uma Imobiliária de Confiança e Que Conheça Bem a Região. Imóveis para locação. Imóveis a venda.

Trabalhe Conosco

Toro Imóveis

Comercial

Barracão

Casa

Loja

Ponto

Sala

Salão

Sobrado

Sobreloja

Terreno

Industrial

Residencial

Apartamento

Apartamento Triplex

Estúdio

Geminado

Rural

Sítio

Toro Imóveis, Maringá - PR