-
Notifications
You must be signed in to change notification settings - Fork 0
/
ajuda.php
150 lines (141 loc) · 6.68 KB
/
ajuda.php
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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<?php
require_once dirname(__FILE__) . "/src/utils/handleAuth.php";
handleAuth(true, "/");
require_once dirname(__FILE__) . "/src/models/Usuario.php";
require_once dirname(__FILE__) . "/src/models/Produto.php";
require_once dirname(__FILE__) . "/src/utils/getUsuarioUnserialize.php";
require_once dirname(__FILE__) . "/src/utils/getCarrinhoUnserialize.php";
$usuario = getUsuarioUnserialize();
$carrinho = getCarrinhoUnserialize();
$qntProdutosCarrinhos = 0;
if (!empty($carrinho)) {
$qntProdutosCarrinhos = count($carrinho);
}
?>
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ezcommerce</title>
<!-- STYLES -->
<link rel="stylesheet" href="/styles/global.css">
<link rel="stylesheet" href="/styles/pages/ajuda.css">
<link rel="stylesheet" href="/styles/cards/duvida/duvida.css">
<link rel="stylesheet" href="/styles/nav/nav.css">
<link rel="stylesheet" href="/styles/rodape/rodape.css">
<!-- Aqui utilizamos apenas o elemento input__container, mas acabamos importando todas as outras (Refatorar!) -->
<link rel="stylesheet" href="/styles/form/form.css">
<!-- SCRIPTS -->
<script src="/public/scripts/duvidas.js" defer></script>
</head>
<body>
<nav class="nav">
<header class="nav__header">
<?php if ($usuario) { ?>
<?php
$nomeCompleto = $usuario->getNome();
$nomes = explode(" ", $nomeCompleto);
$sobrenome = $nomes[count($nomes) - 1];
?>
<h1>Olá, <?= $sobrenome ?> </h1>
<a
class="nav__header__sair"
href="/src/actions/logout.php"
>
<img src="/public/log-out.svg" width="24px" alt="Ícone de logout">
<span>Sair</span>
</a>
<?php } else { ?>
<h1>Ezcommerce</h1>
<span>Achei fácil comprar</span>
<?php } ?>
</header>
<ul class="nav__header__btns">
<li class="nav__header__btn">
<a href="/">
<img src="/public/home.svg" alt="Ícone da página inicial">
<span>Inicial</span>
</a>
</li>
<?php if ($usuario) { ?>
<li class="nav__header__btn">
<a href="/carrinho.php">
<img src="/public/cart.svg" alt="Ícone de carrinho">
<span>Carrinho (<?= $qntProdutosCarrinhos ?>)</span>
</a>
</li>
<li class="nav__header__btn">
<a href="/editarPerfil.php">
<img src="/public/user.svg" alt="Ícone do perfil do usuário">
<span>Editar perfil</span>
</a>
</li>
<?php } ?>
<li class="nav__header__btn nav__header__btn--active">
<a href="/ajuda.php">
<img src="/public/help.svg" alt="Ícone de ajuda">
<span>Ajuda</span>
</a>
</li>
</ul>
<footer class="nav__bottom__logo">
<img src="/public/logo-ez-dark.svg" alt="Logo da Ezcommerce">
</footer>
</nav>
<main>
<header>
<h2>Dúvidas frequentes</h2>
</header>
<ul class="duvidaContainer">
<li class="duvida">
<header class="duvida__header">
<h3>Como anuncio meu produto?</h3>
<img src="/public/minus.svg" alt="Menos detalhes" title="Menos detalhes"/>
</header>
<main class="duvida__conteudo duvida__conteudo--expandido">
Clique no botão verde no canto superior direito da página inicial chamado "Adicionar". Logo após, você será redirecionado para um formulário e lá deverá preencher as informações necessárias.
</main>
</li>
<li>
<header class="duvida__header">
<h3>Como busco por um produto?</h3>
<img src="/public/plus.svg" alt="Mais detalhes" title="Mais detalhes"/>
</header>
<main class="duvida__conteudo">
Na página inicial, encontre o campo de busca na parte superior depois clique e digite o nome do produto desejado. Vale lembrar que só serão mostrados aqueles produtos com os nomes correspondentes.
</main>
</li>
<li class="duvida">
<header class="duvida__header">
<h3>Como adiciono produtos ao carrinho?</h3>
<img src="/public/plus.svg" alt="Mais detalhes" title="Mais detalhes"/>
</header>
<main class="duvida__conteudo">
Na página inicial, encontre o produto perfeito e clique no ícone de carrinho. Pronto! Observe que no canto superior direito da página você pode visualizar a quantidade de produtos adicionados. Também é possível visualizar essa quantidade no link "Carrinho" do menu lateral.
</main>
</li>
<li class="duvida">
<header class="duvida__header">
<h3>Como removo produtos do meu carrinho?</h3>
<img src="/public/plus.svg" alt="Mais detalhes" title="Mais detalhes"/>
</header>
<main class="duvida__conteudo">
Primeiro clique no link "Carrinho" do menu lateral ou botão superior direito da página inicial com ícone de carrinho. Segundo, clique no ícone de "X" naquele produto que deseja remover. Caso deseje esvaziar totalmente o seu carrinho, basta clicar no botão "Esvaziar carrinho".
</main>
</li>
<li class="duvida">
<header class="duvida__header duvida__header--minimizado">
<h3>Como deleto meu perfil?</h3>
<img src="/public/plus.svg" alt="Mais detalhes" title="Mais detalhes"/>
</header>
<main class="duvida__conteudo">
Clique no botão "Editar perfil" encontrado no menu lateral da página. Quando você for redirecionado para a página de editar, informe sua senha atual e logo após clique em "Deletar meu perfil".
</main>
</li>
</ul>
<?php require_once dirname(__FILE__) . "/src/components/rodape.php"; ?>
</main>
</body>
</html>