MiguelCarvalho2425/discoveryKit.php at main · https-Carvalho/MiguelCarvalho2425 · GitHub

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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<?php
session_start();
include('config.php'); // Inclui a configuração da base de dados e a função listarPerfumes

// Verifica o tipo do usuário
// Autenticação e identificação do utilizador
$id_sessao = $_SESSION['id_sessao'] ?? null;
$tipo_utilizador = $id_sessao ? verificarTipoUsuario($id_sessao) : 'visitante';
$nome_utilizador = $_SESSION['username'] ?? $_SESSION['clientname'] ?? 'Conta';

// Carrinho só para cliente
$totalCarrinho = ($tipo_utilizador === 'cliente' && $id_sessao)
    ? contarItensCarrinho($id_sessao)
    : 0;

$mostrar_carrinho = !in_array($tipo_utilizador, ['Admin', 'trabalhador']);


// Função de busca AJAX
if (isset($_GET['kit_ajax']) && $_GET['kit_ajax'] === '1') {
    $termo = isset($_GET['q']) ? htmlspecialchars($_GET['q']) : '';
    $perfumes = listarPerfumes($termo);

    // Gera os resultados como HTML
    if (!empty($perfumes)): ?>
        <?php foreach ($perfumes as $perfume): ?>
            <div class="result-item" data-nome="<?php echo htmlspecialchars($perfume['marca'] . ' ' . $perfume['nome']); ?>"
                data-id="<?php echo $perfume['id_perfume']; ?>" onclick="selectPerfume(this)">
                <img src="<?php echo htmlspecialchars($perfume['caminho_imagem']); ?>"
                    alt="<?php echo htmlspecialchars($perfume['nome']); ?>">
                <div class="info">
                    <h3><?php echo htmlspecialchars($perfume['marca']); ?>             <?php echo htmlspecialchars($perfume['nome']); ?></h3>
                    <p><?php echo number_format($perfume['preco'], 2, ',', ' ') . ' €'; ?></p>
                </div>
            </div>
        <?php endforeach; ?>
    <?php else: ?>
        <p>Nenhum resultado encontrado.</p>
    <?php endif;

    exit; // Encerra a execução para evitar renderizar o restante do HTML
}

if (isset($_GET['ajax']) && $_GET['ajax'] === '1') {
    $termo = isset($_GET['q']) ? htmlspecialchars($_GET['q']) : '';
    $perfumes = listarPerfumes($termo);

    // Gera os resultados como HTML
    if (!empty($perfumes)): ?>
        <?php foreach ($perfumes as $perfume): ?>
            <a href="produto.php?id=<?php echo $perfume['id_perfume']; ?>" class="result-item">
                <img src="<?php echo htmlspecialchars($perfume['caminho_imagem']); ?>"
                    alt="<?php echo htmlspecialchars($perfume['nome']); ?>">
                <div class="info">
                    <h3><?php echo htmlspecialchars($perfume['nome']); ?></h3>
                    <p><?php echo htmlspecialchars($perfume['marca']); ?></p>
                    <p><?php echo number_format($perfume['preco'], 2, ',', ' ') . ' €'; ?></p>
                </div>
            </a>
        <?php endforeach; ?>
    <?php else: ?>
        <p>Nenhum resultado encontrado.</p>
    <?php endif;

    exit; // Encerra a execução para evitar renderizar o restante do HTML
}


// Obtém os perfumes da base de dados
$perfumes = listarPerfumes();
$marcas = buscarMarcasAgrupadas();
$familias = buscarFamiliasOlfativas(); // Chama a função para buscar as famílias olfativas

?>

<!DOCTYPE html>
<html lang="pt">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Discovery Kit</title>
    <link rel="stylesheet" href="styles.css">
</head>

<body class="<?php echo strtolower($tipo_usuario); ?>">
    <!-- Menu de Navegação -->
    <?php include('menu.php'); ?>

    <!-- Cabeçalho -->
    <main>
        <section class="discovery-kit">
            <div class="left-side">
                <img src="images/kit.jpg" alt="">
            </div>
            <header class="right-side">
                <div class="familia-header">
                    Discovery Kit - Escolha até 5 perfumes
                </div>
                <!-- 5 Campos para Escolher Perfumes -->
                <div class="search-field">
                    <input type="text" id="searchInput1" placeholder="Escolha o primeiro perfume...">
                    <div id="searchResults1" class="search-results"></div>
                </div>
                <div class="search-field">
                    <input type="text" id="searchInput2" placeholder="Escolha o segundo perfume...">
                    <div id="searchResults2" class="search-results"></div>
                </div>
                <div class="search-field">
                    <input type="text" id="searchInput3" placeholder="Escolha o terceiro perfume...">
                    <div id="searchResults3" class="search-results"></div>
                </div>

                <div class="search-field">
                    <input type="text" id="searchInput4" placeholder="Escolha o quarto perfume...">
                    <div id="searchResults4" class="search-results"></div>
                </div>
                <div class="search-field">
                    <input type="text" id="searchInput5" placeholder="Escolha o quinto perfume...">
                    <div id="searchResults5" class="search-results"></div>
                </div>
            </header>
        </section>
    </main>

    <script>
        // Função para configurar os campos de pesquisa e resultados
        function setupSearchField(inputId, resultsId) {
            const inputField = document.getElementById(inputId);
            const resultsContainer = document.getElementById(resultsId);

            // Lidar com a entrada no campo de pesquisa
            inputField.addEventListener('input', function () {
                const query = this.value.trim();

                if (query.length > 0) {
                    fetch(`?kit_ajax=1&q=${encodeURIComponent(query)}`)
                        .then(response => response.text())
                        .then(data => {
                            resultsContainer.innerHTML = data;
                        })
                        .catch(error => console.error('Erro na pesquisa:', error));
                } else {
                    resultsContainer.innerHTML = ''; // Limpa os resultados
                }
            });

            // Preencher o campo de pesquisa ao clicar em um item
            resultsContainer.addEventListener('click', function (event) {
                if (event.target && event.target.matches('.result-item')) {
                    // Pega o nome do perfume e da marca da sugestão
                    const perfumeName = event.target.getAttribute('data-nome');
                    const perfumeId = event.target.getAttribute('data-id'); // ID opcional, se necessário

                    // Preenche o campo com o nome do perfume e a marca
                    inputField.value = perfumeName;

                    // Limpa os resultados
                    resultsContainer.innerHTML = '';

                    // Opcional: Armazena o ID ou outras informações do perfume
                    // Exemplo: Armazenar o ID em um campo oculto (se necessário)
                    // document.getElementById('hiddenPerfumeId').value = perfumeId;
                }
            });
        }

        // Configura os campos de pesquisa para cada um dos 5 campos de escolha de perfume
        setupSearchField('searchInput1', 'searchResults1');
        setupSearchField('searchInput2', 'searchResults2');
        setupSearchField('searchInput3', 'searchResults3');
        setupSearchField('searchInput4', 'searchResults4');
        setupSearchField('searchInput5', 'searchResults5');
    </script>
</body>

</html>