forked from ICEI-PUC-Minas-PMV-SI/pmv-si-2024-2-pe1-t3-pmv-si-2024-2-pe1-t3-WebApplicationProject-Template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathform.html
110 lines (93 loc) · 3.48 KB
/
form.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Consulta de Investimentos</title>
<link rel="stylesheet" href="form.css">
<script src="https://cdn.emailjs.com/dist/email.min.js"></script>
</head>
<script>
// Inicializa o EmailJS com seu User ID
(function(){
emailjs.init("SEU_USER_ID");
})();
function salvarEmailNoLocalStorage(email) {
localStorage.setItem("userEmail", email);
}
function carregarEmailDoLocalStorage() {
return localStorage.getItem("userEmail") || "";
}
function preencherEmail() {
const emailSalvo = carregarEmailDoLocalStorage();
if (emailSalvo) {
document.getElementById("email").value = emailSalvo;
}
}
function enviarFormulario(event) {
event.preventDefault(); // Evita recarregar a página
// Captura os dados do formulário
const nomeUsuario = document.getElementById("name").value;
const emailUsuario = document.getElementById("email").value;
const objetivoUsuario = document.getElementById("objective").value;
// Verifica se os campos foram preenchidos
if (!nomeUsuario || !emailUsuario || !objetivoUsuario) {
alert("Por favor, preencha todos os campos antes de enviar.");
return;
}
// Salva o e-mail no LocalStorage
salvarEmailNoLocalStorage(emailUsuario);
// Configura os parâmetros do e-mail
const parametros = {
to_email: emailUsuario,
from_name: nomeUsuario,
message: "Obrigado pelo contato. Teria disponibilidade de marcar uma reunião para conversarmos sobre os seus objetivos e o caminho que podemos trilhar para obter melhores investimentos?"
};
// Usa o EmailJS para enviar o e-mail
emailjs.send("SEU_SERVICE_ID", "SEU_TEMPLATE_ID", parametros)
.then(function(response) {
// Exibe o pop-up de confirmação
alert("E-mail enviado, entraremos em contato.");
}, function(error) {
alert("Ocorreu um erro ao enviar o e-mail. Tente novamente mais tarde.");
console.error("Erro: ", error);
});
}
// Preenche o campo de e-mail ao carregar a página
window.onload = preencherEmail;
</script>
<body>
<div class="container-center">
<div class="register-investor-types">
<div class="menu">
<a href="#">
<div class="logo">Finance Hub</div>
</a>
<a href="#">
<img class="dropdown" src="img\dropdown.svg" alt="menu-dropdown" />
</a>
</div>
<main class="main-content">
<section class="profile">
<h1>Contrate</h1>
<div class="form-container">
<form id="investmentForm" onsubmit="enviarFormulario(event)">
<label for="name">Nome:</label>
<input type="text" id="name" name="name" placeholder="Digite seu nome" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" placeholder="Digite seu email" required>
<label for="objective">Objetivo:</label>
<textarea id="objective" name="objective" placeholder="Descreva seu objetivo de investimento" required></textarea>
<button type="submit" class="btn">Enviar</button>
</div>
</form>
</div>
<div class="footer-background">
<div class="footer-text">Copyright 2024 Finance Hub</div>
</div>
</section>
</main>
</div>
</div>
</body>
</html>