-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.html
144 lines (123 loc) · 5.38 KB
/
main.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
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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1" name="viewport">
<title>Nutrition - Sondage</title>
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'>
<link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css"
integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ=="
referrerpolicy="no-referrer" rel="stylesheet"/>
<link href="assets/img/icon.ico" rel="icon">
<link href="assets/css/index.css" rel="stylesheet">
</head>
<body>
<nav class="navbar">
<div class="container-flex">
<div class="toggle-theme">
<input class="checkbox" id="toggleTheme" type="checkbox">
<label class="label" for="toggleTheme">
<i class="fas fa-moon"></i>
<i class='fas fa-sun'></i>
<div class='ball'></div>
</label>
</div>
<ul class="navbar-nav">
<li class="nav-item hover-underline-animation">
<a class="nav-link" href="index.php">
Répondre au sondage
</a>
</li>
<li class="nav-item hover-underline-animation">
<a class="nav-link" href="resultsOverview.php">
Visualiser les résultats
</a>
</li>
</ul>
</div>
</nav>
<main class="container">
<h1 class="title">Répondre au sondage</h1>
<h3 class="subtitle">Dans le cadre d'une étude, merci de rentrer vos habitudes alimentaires pour les repas de début
et fin de journée. </h3>
<form action="./php/addAliment.php" method="post">
<?php if (!empty($success)) : ?>
<?php foreach ($success as $sus): ?>
<div class="success">
<?= $sus ?> <br/>
</div>
<?php endforeach; ?>
<?php endif; ?>
<?php if (!empty($errors)) : ?>
<?php foreach ($errors as $error): ?>
<div class="errors">
<?= $error ?> <br/>
</div>
<?php endforeach; ?>
<?php endif; ?>
<fieldset class="field">
<legend class="field-leg"> Vos informations</legend>
<div class="subfield">
<label for="age">Votre âge</label>
<select class="list" id="age" name="age">
<option disabled selected value="NON_SELECTED_VALUE">
Entre 10 et 18 ans
</option>
<?php for ($i = 10; $i <= 18; $i++): ?>
<option value="<?= $i ?>">
<?= $i ?>
</option>
<?php endfor; ?>
</select>
</div>
<div class="subfield customRadioDivFlex">
<label>Votre niveau d'enseignement</label>
<div class="customRadioDiv">
<input class="customRadio" id="college" name="enseignement" type="radio" value="Collège">
<label for="college">Collège</label>
<input class="customRadio" id="lycee" name="enseignement" type="radio" value="Lycée">
<label for="lycee">Lycée</label>
</div>
</div>
</fieldset>
<fieldset class="field">
<legend class="field-leg"> À quel moment prenez-vous ce repas ?</legend>
<div class="subfield customRadioDiv">
<input class="customRadio" id="dej" name="moment" type="radio" value="Matin">
<label for="dej">Petit Déjeuner</label>
<input class="customRadio" id="diner" name="moment" type="radio" value="Soir">
<label for="diner">Dîner</label>
</div>
</fieldset>
<fieldset class="field lastfield">
<legend class="field-leg">De quoi se compose t'il ?</legend>
<div class="subfield">
<label for="typeAliment">Sélectionnez un type d'aliments</label>
<select class="list" id="typeAliment" name="typeAliment">
<option disabled selected value="NON_SELECTED_VALUE">Choisissez un type</option>
<?php foreach ($types as $value): ?>
<option value='<?= $value["alim_grp_nom_fr"] ?>'> <?= getAlimentType($value) ?> </option>
<?php endforeach; ?>
</select>
</div>
<div class="subfield aliment">
<label for="aliment">Sélectionnez un aliment</label>
<select class="list" id="aliment" name="aliment">
<option disabled selected value="NON_SELECTED_VALUE">Choisissez un aliment</option>
</select>
</div>
<div class="subfield">
<label for="quantite">Quantité</label>
<input class="qty" id="quantite" max="5" min="1" name="quantite" required type="number" value="1">
</div>
</fieldset>
<div class="infos">Tous les champs sont obligatoires.</div>
<div class="btnDiv">
<input class="mealBtn" id="addMeal" type="submit" value="Valider le repas"/>
</div>
</form>
</main>
<script src="assets/js/blackMode.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>