From 35c9aeaae5329ee95eb526069b2617d0363821f7 Mon Sep 17 00:00:00 2001
From: antux18 <antux18@gmail.com>
Date: Wed, 28 Jun 2023 20:38:52 +0200
Subject: [PATCH] =?UTF-8?q?Mise=20en=20place=20du=20syst=C3=A8me=20des=20?=
 =?UTF-8?q?=C3=A9nigmes.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 answer.php             |  57 +++++++++++++++++++++++++++++++++++
 article.php            |  57 ++++++++++++++++++++++++++++++-----
 data/article.db        | Bin 16384 -> 24576 bytes
 data/teams.db          | Bin 0 -> 24576 bytes
 images/phqr1.gif       | Bin 0 -> 725 bytes
 images/phqr2.gif       | Bin 0 -> 743 bytes
 index.php              |  22 +++++++-------
 puzzles.php            |  66 +++++++++++++++++++++++++++++++++++++++++
 require/database.php   |  31 ++++++++++++++-----
 require/js/answer.js   |  26 ++++++++++++++++
 require/js/qrscan.js   |  55 ++++++++++++++++++++++++++--------
 require/locales/en.php |  35 +++++++++++++++-------
 require/locales/fr.php |  35 +++++++++++++++-------
 require/nav.php        |   3 ++
 style.css              |   1 +
 15 files changed, 327 insertions(+), 61 deletions(-)
 create mode 100644 answer.php
 create mode 100644 data/teams.db
 create mode 100644 images/phqr1.gif
 create mode 100644 images/phqr2.gif
 create mode 100644 puzzles.php
 create mode 100644 require/js/answer.js

diff --git a/answer.php b/answer.php
new file mode 100644
index 0000000..46b6201
--- /dev/null
+++ b/answer.php
@@ -0,0 +1,57 @@
+<?php
+    require_once "require/base.php";
+
+    $database = new Database();
+
+    if (isset($_GET["code"]) && isset($_GET["team"]) && isset($_GET["id"])) {
+        $art_id = htmlspecialchars($_GET["id"]);
+        $team_id = htmlspecialchars($_GET["team"]);
+        $stmt = $database->pdo_article->prepare("SELECT * FROM puzzles WHERE id == :id");
+        $stmt->bindValue(":id", $art_id);
+        $stmt->execute();
+        $article = $stmt->fetch();
+
+        // Vérification de l'existence du groupe et de l'énigme :
+        $stmt = $database->pdo_teams->prepare("SELECT * FROM teams WHERE id == :id");
+        $stmt->bindValue(":id", $team_id);
+        $stmt->execute();
+
+        if (empty($article) || empty($stmt->fetchAll())) {
+            header("Location: index.php");
+            die();
+        }
+
+        $stmt = $database->pdo_article->prepare("SELECT * FROM puzzles WHERE code == :code");
+        $stmt->bindValue(":code", htmlspecialchars($_GET["code"]));
+        $stmt->execute();
+        $article = $stmt->fetch();
+
+        // Vérification de l'existence du groupe :
+        $stmt = $database->pdo_teams->prepare("SELECT * FROM teams WHERE id == :id");
+        $stmt->bindValue(":id", $team_id);
+        $stmt->execute();
+
+        if (empty($stmt->fetchAll())) {
+            header("Location: index.php");
+            die();
+        }
+
+        if (empty($article)) {
+            echo 0;
+        }
+
+        else {
+            $data = [
+                "infos" => $article["infos"],
+                "place" => $article["place"]
+            ];
+            header('Content-Type: application/json; charset=utf-8');
+            echo json_encode($data);
+        }
+    }
+
+    else {
+        header("Location: index.php");
+        die();
+    }
+?>
\ No newline at end of file
diff --git a/article.php b/article.php
index 4444692..2f7c04a 100644
--- a/article.php
+++ b/article.php
@@ -5,11 +5,36 @@
 
     $database = new Database();
 
-    if (isset($_GET["id"])) {
-        $stmt = $database->pdo_article->prepare("SELECT * FROM article WHERE id == :id");
-        $stmt->bindValue(":id", htmlspecialchars($_GET["id"]));
+    if (isset($_GET["id"]) && isset($_GET["team"])) {
+        $art_id = htmlspecialchars($_GET["id"]);
+        $team_id = htmlspecialchars($_GET["team"]);
+        $stmt = $database->pdo_article->prepare("SELECT * FROM puzzles WHERE id == :id");
+        $stmt->bindValue(":id", $art_id);
         $stmt->execute();
         $article = $stmt->fetch();
+
+        // Vérification de l'existence du groupe et de l'énigme :
+        $stmt = $database->pdo_teams->prepare("SELECT * FROM teams WHERE id == :id");
+        $stmt->bindValue(":id", $team_id);
+        $stmt->execute();
+
+        if (empty($article) || empty($stmt->fetchAll())) {
+            header("Location: index.php");
+            die();
+        }
+
+        else {
+            $stmt = $database->pdo_teams->prepare("SELECT * FROM solved WHERE (team_id == :team_id AND puzzle_id == :puzzle_id)");
+            $stmt->bindValue(":team_id", $team_id);
+            $stmt->bindValue(":puzzle_id", $art_id);
+            $stmt->execute();
+            $solved = !empty($stmt->fetch());
+        }
+    }
+
+    else {
+        header("Location: index.php");
+        die();
     }
 ?>
 
@@ -19,7 +44,8 @@
         <?php
             require_once $rq_path . "head.php";
         ?>
-        <title><?= $tr["tab_title"]["article"]?></title>
+        <title><?= $tr["tab_title"]["article"] ?></title>
+        <script type="module" src="<?= $rq_path ?>js/qrscan.js"></script>
     </head>
     <body>
         <header>
@@ -29,12 +55,27 @@
         </header>
         <main>
             <header>
-                <h1><?= $article["title"] ?></h1>
-                <p><?= $article["summary"] ?></p>
+                <h1><?= $tr["page_title"]["article"] . $art_id ?></h1>
+                <p><?= $article["text"] ?></p>
             </header>
             <article>
-                <img src=<?= $article["cover_path"] ?> alt=<?= $article["cover_alt"] ?>>
-                <p><?= $article["content"] ?></p>
+                <?php if ($solved) : ?>
+                    <p><?= $tr["article"]["success"] ?></p>
+                    <p><?= $article["infos"] ?></p>
+                    <p><?= $article["place"] ?></p>
+                <?php else : ?>
+                    <p><?= $tr["article"]["message"] ?></p>
+                    <p></p> <!-- Emplacement du message d'erreur JS concernant la caméra. !-->
+                    <button><?= $tr["article"]["qr_but"] ?></button>
+                    <video></video>
+                    <p><?= $tr["article"]["cam_sel"] ?></p>
+                    <select>
+                        <option value="rear" selected><?= $tr["article"]["r_cam"] ?></option>
+                        <option value="front"><?= $tr["article"]["f_cam"] ?></option>
+                    </select>
+                    <!-- <p>Scanner depuis un fichier</p>
+                    <input type="file" id="file-selector"> -->
+                <?php endif; ?>
             </article>
         </main>
         <footer>
diff --git a/data/article.db b/data/article.db
index 669e1ae8da43cb33343209694de4b4a0ede6c4c2..e7e8d86a3e86088292b2d8fd152c75edfe558b62 100644
GIT binary patch
literal 24576
zcmeI)O^?z*7zgl~mKVWn>x~#L6D~q_B|$wH6B4U-36U+kSd1JDsdUgLFkPS|>)wbb
zPy0Ez?3du=2l3*S#CY)F6icF;iXPlc^PezG=b6srnO{#6LSLM;ynwTzKOH*(yH9Qr
zO37o!2q9TnGf`D!o0c^t>$cGC#f~;hs>3gP+67UyI??LdXZ@3Qsa@`vfguP$00Izz
z00bZa0SG_<0@o*?UC>9@w|bISK2|e@{e9XCoHrvrn~da1vOnXKITwSg-PF^LY1k&S
zjVCRWUAea`oH0L;Gb{Qx^78+SEu2)gP%P39w>O!d&d<+fzEPw6mRTu^mRLETD|v1y
z*R*W2VRo3+wwcv!wOH3`o^;IvIUMk_pp>)CS8^m84a4s|5rxB^Cx-qk=C0F`GvG1t
zf$zqIk2}pHqtj#0&0aZ7iy2+J-Lz!xN2X<0@|C;kOu;Bp;t7|ZMZV5F@HhQ_w5xtC
zx=<zZjSzZIRz+J={k^sh`zR2A00bZa0SG_<0uX=z1Rwx`ga|BDB}<I@>qcSqQTSr8
zS~8cj(Vf*&cyGs?-K$osP2qY29v7E~c{Z6l!u@pyoAIf`rmN-5AI-U(Z;m&|`!N?m
z%p&b)hYuGj-I+!04_W+-$7NCb_bkFijKfCf0m;jUs_0*d{#|~dKmY;|fB*y_009U<
z00Izz00bbAAc3?>siLTAE*Jj(PxUpC9~1~c00Izz00bZa0SG_<0uX=z1d=0gld46!
z{qsX|wuPNQ00Izz00bZa0SG_<0uX=z1R(Gif$&{^;rsniAOHafKmY;|fB*y_009U<
K00Iz5pui6u(Bm=y

literal 16384
zcmeI%O;5rw7zgkc2nq==Hx68Sgn$OrXgruWNuxv<FgFuU%Y+(d#*k5rUX6D@mp4C-
zM>jHv;_xo{KS|ehd-i1gt(Rt3y_PKnyB&KYOR{~ECzO&?#t0$QZwbFGB5J(2x2~sT
z_x>Z3`y}z~3CX_Y-u(^%0SG_<0uX=z1Rwwb2tWV=|4pD9PZlZ_+LzXiBc>C_-$|NN
zF_{T>usTdMG_L5J>B?D)vz6SEYmG$Jf3o~?M7IjXB7NoanwBT+fg{2$_M=94k(JUc
zBJ5$Rsp|ZkYfSCvOf_09W~j}c!C6;pwiT_<E_t6RhTdtae%&@#^=f1#X-h|>t`)6u
zp=hOgtyYfC8;o5kT=_k7UFvi;8d=`+GIj5dqL0EeA1rydOg^X`AC`Z;X?Z7>EGR`v
zY<DQ0LSJhp$MdlnVwv^uB<?S@?O?fOf<rzyARqt%2tWV=5P$##AOHafKmY;|*i?aZ
zFfr`^H}&&kUJ!r)1Rwwb2tWV=5P$##AOL~60RI1DAwU2E5P$##AOHafKmY;|fB*zG
GU*HSJ1%9Uh

diff --git a/data/teams.db b/data/teams.db
new file mode 100644
index 0000000000000000000000000000000000000000..4efcb0c94d287fc5bc485073de4842eebc18d265
GIT binary patch
literal 24576
zcmeI(O=}ZD7{KwF*(7zhHq+bE+ZYkDv<M<ScqkadBEfXq#?2w85X}Yxd9fxD>8ZW?
z{XF>%ym_bydT@5*LR$j4YWxp8GqW?<%sjt64avSfYYyj$8BE`gdvo(t><THxb7O=M
z+cruz92?TceH#TEc}d6Cm2L5O@O4MmMWK8t%HPVD`m-MBPwQ@D9svXpKmY**5I_I{
z1Q0+V7tnS2EbrfJ?f8S6*MCXho&Z-L`lk1`eBYN>NAupBQ8G_@<5^Y}>#eXBhbFGQ
zXojYeja5w5b1TDs#cf1!_%dvn=p;5#yV*4DsBzW~4?Op@)i|!TI_6c_siq$_wRU{c
zi0ro=hfy4O!KqX7_xEKdTW@wgvZvqfEID5!lefv8%fhWa+?lLSdgJ84-WgcphijO}
z-j=_&C$A2dt4>EBlKw2K)vYxu%fV%$?-myqqolhkUz=z~vU1W30=MKJ`BDrg{p91H
zefJjgX?ESsEW1y#rnHmpd{+qlQ-5ER1k(s0fB*srAb<b@2q1s}0tg`RuL%^>4QExp
zbCq{!5kLR|1Q0*~0R#|0009ILKwz^3(%=83z83mgf7z_e$OZuf5I_I{1Q0*~0R#|0
z0D=ES;L++t-GbxG?En8NJ^w5HL+D?&q9A|(0tg_000IagfB*srAb`L|2`Ht6l1g|s
qD`j8(x95M}|KF%5Ofm={fB*srAb<b@2q1s}0tgfxDV1^@*ZmE;;)SCC

literal 0
HcmV?d00001

diff --git a/images/phqr1.gif b/images/phqr1.gif
new file mode 100644
index 0000000000000000000000000000000000000000..62cf7a13baee0375d55ce0dfd07046ee90741a00
GIT binary patch
literal 725
zcmV;`0xJDSNk%w1VPpVg0FeLy00030|Nj6000000A^8LW00062EC2ui0Av7U00092
zjE||y?GK}zwAzca-n{z{hT=$;=82~23Igs6$MTH8kbTVhj!XPc%e`(xA@B&GAd$7A
zqZe2nmC|3+MZ_AbI;z$JWpo$eN%`rloD*ZkI-4}7y>YZmJePkX??>Oz#+K(Z*Z>7|
zRTmWm$hf$NxJ8#3c<5M}7TLH5M|qj~c_+Dr$>|5mljsQ<s;K#>*h$)o$27XRqpIg>
zbt`C#yBecQ$eQXaT*`YKyqk;~JIf6FY#eR3oQr%a+Kj6_DLuT6ZD|eeEN*^nNUIJV
z{_S2o?hT7hkFmZFfAROrPL{lL{lFBe6_8ste%ACIB=ZoPu!-dOL<GpC8#Q153^ST4
z=ds{Mdm$acDcO)CG?WS5uoStjS``)o0n)rV(k4z8YyRzQQOM_sm<omFgP8KDJ%mOr
ze$3gFD9EP{pGtL_?c~LHI+qrm*A?SRupD0X4B84`2eW9crX{<9t=qZv?!grycgj10
z8i{4d3;1o{igc6(*7(YARc!+q+eO^VB~_$#uWIF6S!7|DTgA!r+ms^7&W%5-oIEuv
zVagq^hW1?1^-C_BlZI_Q+wo=9l6gPQJ#Dw*(+hz|{`p$z&ze9{FJG-8IZf%z<K`BP
zb#d*G*sCkw?XkN;?Ymftm*|glPOb=t_qLqQpmX@|HOE(Tk-k{l?C-axhyI&;+3n@q
zf9M^!-gpEG$RL3F8Ti|S4(4Ycf_Zrt7KBla1sPqSnKTrKnR!SYb?ITIpKODffE$0r
zomWDOzR4&fj2a%NqF#-4#MOl*;t1r5?V!jRksUe~2!={hX5$FbZHO69>NVI~lXy)D
z;D<tz0Gv!xP?=zA;Su=dgwA=n1e(Bvnc-I@si`BIU_M7@op#=dXP$cQ$!DK_{t4)F
H1poj$wD4yu

literal 0
HcmV?d00001

diff --git a/images/phqr2.gif b/images/phqr2.gif
new file mode 100644
index 0000000000000000000000000000000000000000..db0f2bde3310e7344dafe3fe3ae7b0bf7297ee13
GIT binary patch
literal 743
zcmV<D0vP>ANk%w1VPpVg0FeLy00030|Nj6000000A^8LW00062EC2ui0Av7U00092
zjE||y?GK}zwAzca-n{z{hT=$;=82~23Igs6$MTH8^$X4VZcqGAJM;|02JndUA&)m#
z6Oda1DblGhNyHkfJgU~~yoR&mK(PphD$D7oTdXF>E9ggEa@OX{_eh`dXQwyFM>yBE
zHfJRV804_G^M+@rBbiVsSl9)JD2K_o@VTWK$(i^h+9%pbn);Qg_+tqf)#_;W`bc?8
zYpQE2V_6%!32KbX7P=ek>$e;;YdDO`n>$KedQ6?H0O`toy$#(gJ`MMM2rJ&(eaniC
z-ie$&{~ma}Sbut<YW<FJ?~*@t%E0~OH?W;Sf(q09a_DSfLx9!-3fnh{OT1?P-ZWY~
z=TRERXCBjp6p4?dMw2J8MFSR+g}sC_S*)sw(-X~{C~oo$2NGsKiTWl6g?Lb>(26vN
z!rM8LnbL7aA10mmF{M<j?#LB{*pa9?Z43p13+r+NyNF<!!n|l<?O3yI-+GOUlI_)(
zREyGan|3PNmVM>%U8j<;*soUyCss`HY~Fl|WnrWX7wFW;NXs6+>{Bm7$)x0ko@+R2
z=c-&6vrgS`<L0}5Pka6<yLDj9M>!A6ottk~-VcFSBmLBM3c0HH{v_`A^Xuo*p*yAC
z7;xs{Gf!48*IaGo-A>nX$KCRK@9-MNlLu@bs@2iE5pUftKRRgmmZy`rosU;(=oJH9
zX3k|)-%+7mw;zGSG3cLu0P4ovg!mz6T7MF1Rv>K;K4u_eB1ZV(QUVI5-H06`Xy1DT
zURc*^98w0NiZJ@7;A9%!Xk&x)prsy)%4O%^GeJ_AACW&A$sS#{v6$nDx*eGhjseC<
zqg@dmC|Yb90@<U5m$ew*eYA0jT9kc(x#fT{dDxX!GP2|yoMy_|!gw%3xFKhR?U~|#
Z*bPc(p@trcXrhWP%4nmGK8ivC06V~@ZIl22

literal 0
HcmV?d00001

diff --git a/index.php b/index.php
index fec54f1..f297533 100644
--- a/index.php
+++ b/index.php
@@ -1,5 +1,11 @@
 <?php
     require_once "require/base.php";
+
+    $database = new Database();
+
+    $stmt = $database->pdo_teams->prepare("SELECT * FROM teams");
+    $stmt->execute();
+    $teams = $stmt->fetchAll();
 ?>
 
 <!DOCTYPE html>
@@ -9,7 +15,6 @@
             require_once $rq_path . "head.php";
         ?>
         <title><?= $tr["tab_title"]["home"]?></title>
-        <script type="module" src="<?= $rq_path ?>js/qrscan.js"></script>
     </head>
     <body>
         <header>
@@ -24,16 +29,11 @@
                 <p><?= $tr["home"]["message"]?></p>
             </header>
             <article>
-                <button>Scanner un QR code</button>
-                <p></p>
-                <video></video>
-                <p>Caméra sélectionnée :</p>
-                <select>
-                    <option value="rear" selected>Caméra arrière</option>
-                    <option value="front">Caméra avant</option>
-                </select> <!-- Emplacement du message d'erreur JS concernant la caméra. !-->
-                <p>Scanner depuis un fichier</p>
-                <input type="file" id="file-selector">
+                <ul>
+                    <?php foreach ($teams as $team) : ?>
+                        <li><a href="puzzles.php?team=<?= $team["id"] ?>"><?= $tr["home"]["team"] . $team["id"] ?></a></li>
+                    <?php endforeach; ?>
+                </ul>
             </article>
         </main>
         <footer>
diff --git a/puzzles.php b/puzzles.php
new file mode 100644
index 0000000..fd9c42c
--- /dev/null
+++ b/puzzles.php
@@ -0,0 +1,66 @@
+<?php
+    require_once "require/base.php";
+
+    $database = new Database();
+
+    if (isset($_GET["team"])) {
+        $team_id = htmlspecialchars($_GET["team"]);
+
+        // Vérification de l'existence du groupe :
+        $stmt = $database->pdo_teams->prepare("SELECT * FROM teams WHERE id == :id");
+        $stmt->bindValue(":id", $team_id);
+        $stmt->execute();
+
+        if (empty($stmt->fetchAll())) {
+            header("Location: index.php");
+            die();
+        }
+
+        else {
+            $stmt = $database->pdo_article->prepare("SELECT * FROM puzzles");
+            $stmt->execute();
+            $puzzles = $stmt->fetchAll();
+        }
+    }
+
+    else {
+        header("Location: index.php");
+        die();
+    }
+?>
+
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <?php
+            require_once $rq_path . "head.php";
+        ?>
+        <title><?= $tr["tab_title"]["puzzles"]?></title>
+    </head>
+    <body>
+        <header>
+            <?php
+                require_once $rq_path . "nav.php";
+            ?>
+        </header>
+        <main>
+            <header>
+                <h1><?= $tr["page_title"]["puzzles"] . $team_id ?></h1>
+                <p></p>
+                <p><?= $tr["puzzles"]["message"]?></p>
+            </header>
+            <article>
+                <ul>
+                    <?php foreach ($puzzles as $puzzle) : ?>
+                        <li><a href="article.php?team=<?= $team_id ?>&id=<?= $puzzle["id"] ?>"><?= $puzzle["text"] ?></a></li>
+                    <?php endforeach; ?>
+                </ul>
+            </article>
+        </main>
+        <footer>
+            <?php
+                require_once $rq_path . "footer.php";
+            ?>
+        </footer>
+    </body>
+</html>
\ No newline at end of file
diff --git a/require/database.php b/require/database.php
index 0b4179a..21c835b 100644
--- a/require/database.php
+++ b/require/database.php
@@ -1,18 +1,28 @@
 <?php
     class Database {
         public PDO $pdo_article;
+        public PDO $pdo_teams;
 
         public function __construct() {
             $data_path = "/../data/";
             try {
                 $this->pdo_article = new PDO("sqlite:" . dirname(__FILE__) . $data_path . "article.db");
-                $this->pdo_article->query("CREATE TABLE IF NOT EXISTS article (
-                    id	INTEGER NOT NULL UNIQUE PRIMARY KEY AUTOINCREMENT,
-                    title	VARCHAR(100),
-                    content	VARCHAR(1000),
-                    summary	VARCHAR(200),
-                    cover_path	VARCHAR(4096)
-                )");
+                $this->pdo_article->query('CREATE TABLE IF NOT EXISTS "puzzles" (
+                    "id"	INTEGER NOT NULL UNIQUE,
+                    "text"	TEXT NOT NULL,
+                    "hint"	TEXT,
+                    "infos"	TEXT NOT NULL,
+                    "place"	TEXT NOT NULL,
+                    "code"	TEXT NOT NULL,
+                    PRIMARY KEY("id" AUTOINCREMENT)
+                )');
+
+                $this->pdo_teams = new PDO("sqlite:" . dirname(__FILE__) . $data_path . "teams.db");
+                $this->pdo_teams->query('CREATE TABLE IF NOT EXISTS "teams" (
+                    "id"	INTEGER NOT NULL UNIQUE,
+                    "solved_id"	INTEGER[],
+                    PRIMARY KEY("id" AUTOINCREMENT)
+                )');
             }
 
             catch (PDOException $exception) {
@@ -22,7 +32,12 @@
         }
 
         public function getArticleNb() {
-            $query = $this->pdo_article->query("SELECT COUNT(*) FROM article;");
+            $query = $this->pdo_article->query("SELECT COUNT(*) FROM puzzles");
+            return $query->fetch()["COUNT(*)"];
+        }
+
+        public function getTeamsNb() {
+            $query = $this->pdo_teams->query("SELECT COUNT(*) FROM teams");
             return $query->fetch()["COUNT(*)"];
         }
     }
diff --git a/require/js/answer.js b/require/js/answer.js
new file mode 100644
index 0000000..14ab452
--- /dev/null
+++ b/require/js/answer.js
@@ -0,0 +1,26 @@
+// Gestion de la langue :
+var url_string = window.location.href;
+var url = new URL(url_string);
+var lg = url.searchParams.get("lg");
+
+if (lg == null) {
+    lg = "en"; // Langue par défaut
+    // Recherche dans les cookies :
+    var cookies = decodeURIComponent(document.cookie);
+    if (cookies != "") {
+        // On part du principe qu'on n'a qu'un cookie, et que c'est celui de la langue
+        // 9 caractères pour "language", et 2 pour la langue
+        lg = cookies.substring(9, 11);
+    }
+}
+
+export async function puzzleSolve(code, team_id, art_id) {
+    try {
+        const response = await fetch("/answer.php?lg=" + lg + "&team=" + team_id + "&code=" + code + "&id=" + art_id);
+        const data = await response.text();
+        console.log(data);
+    }
+    catch (error) {
+        console.log(error);
+    }
+}
\ No newline at end of file
diff --git a/require/js/qrscan.js b/require/js/qrscan.js
index 77ec3d3..a05d1da 100644
--- a/require/js/qrscan.js
+++ b/require/js/qrscan.js
@@ -1,17 +1,48 @@
 import QrScanner from "./qr-scanner/qr-scanner.min.js";
+import {puzzleSolve} from "./answer.js";
 
 const video = document.querySelector("video");
 const camList = document.querySelector("select");
-const fileSelector = document.querySelector("input[type='file']");
+// const fileSelector = document.querySelector("input[type='file']");
+
+// Gestion de la langue :
+var url_string = window.location.href;
+var url = new URL(url_string);
+var lg = url.searchParams.get("lg");
+var team_id = url.searchParams.get("team");
+var art_id = url.searchParams.get("id");
+
+if (lg == null) {
+    lg = "en"; // Langue par défaut
+    // Recherche dans les cookies :
+    var cookies = decodeURIComponent(document.cookie);
+    if (cookies != "") {
+        // On part du principe qu'on n'a qu'un cookie, et que c'est celui de la langue
+        // 9 caractères pour "language", et 2 pour la langue
+        lg = cookies.substring(9, 11);
+    }
+}
+
+var cam_error = "cam_error";
+
+if (lg == "en") {
+    var cam_error = "No camera detected !";
+}
+
+if (lg == "fr") {
+    var cam_error = "Aucune caméra détectée !";
+}
 
 function scanAction(result) {
-    console.log(result.data);
+    puzzleSolve(result.data, team_id, art_id);
+    console.log(result.data); // TODO : retirer
+    scanner.stop();
 }
 
 function checkCam(hasCamera) {
-    const errorP = document.querySelector("article p:first-of-type");
+    const errorP = document.querySelector("article p:nth-of-type(2)");
     if (!hasCamera) {
-        errorP.innerHTML = "⚠️ Aucune caméra détectée !";
+        errorP.innerHTML = "⚠️ " + cam_error;
     }
     else {
         errorP.text = "";
@@ -55,11 +86,11 @@ document.querySelector("button").addEventListener("click", () => {
 //     scanner.stop();
 // });
 
-// Scan de fichier :
-fileSelector.addEventListener("change", () => {
-    const file = fileSelector.files[0];
-    if (file) {
-        QrScanner.scanImage(file, {returnDetailedScanResult: true})
-                 .then(result => scanAction(result));
-    }
-});
\ No newline at end of file
+// // Scan de fichier :
+// fileSelector.addEventListener("change", () => {
+//     const file = fileSelector.files[0];
+//     if (file) {
+//         QrScanner.scanImage(file, {returnDetailedScanResult: true})
+//                  .then(result => scanAction(result));
+//     }
+// });
\ No newline at end of file
diff --git a/require/locales/en.php b/require/locales/en.php
index 93ab1b7..46e9473 100644
--- a/require/locales/en.php
+++ b/require/locales/en.php
@@ -1,24 +1,37 @@
 <?php
     $tr = [
         "tab_title" => [
-            "home" => "Home",
-            "article" => "",
+            "home" => "Home - Lycée Pange Treasure Hunt",
+            "puzzles" => "Puzzles list - Lycée Pange Treasure Hunt",
+            "article" => "Puzzle - Lycée Pange Treasure Hunt"
         ],
         "page_title" => [
-            "home" => "",
-            "article" => "",
+            "home" => "Treasure Hunt",
+            "puzzles" => "Puzzles list for team n°",
+            "article" => "Puzzle n°"
         ],
         "home" => [
-            "subtitle" => "",
-            "message" => "",
-            "art_but" => "Show ",
+            "subtitle" => "Welcome to the treasure hunt of Lycée Jean de Pange of Sarreguemines !",
+            "message" => "Select your team to begin :",
+            "team" => "Team n°"
+        ],
+        "article" => [
+            "message" => "This puzzle describes a specific place. Head to that place, then scan the QR code you'll find there.",
+            "success" => "Well done ! Your team solved this puzzle !",
+            "qr_but" => "Scan QR code",
+            "cam_sel" => "Selected camera :",
+            "f_cam" => "Front camera",
+            "r_cam" => "Rear camera"
+        ],
+        "puzzles" => [
+            "message" => "Select a puzzle in the list below :"
         ],
         "nav" => [
-            "title" => "",
-            "home"    => "Home",
+            "title" => "Treasure Hunt Pange",
+            "home" => "Home"
         ],
         "footer" => [
-            "text" => "Lycée Jean de Pange Sarreguemines",
-        ],
+            "text" => "Lycée Jean de Pange Sarreguemines"
+        ]
     ];
 ?>
\ No newline at end of file
diff --git a/require/locales/fr.php b/require/locales/fr.php
index c78b9bc..3ddf599 100644
--- a/require/locales/fr.php
+++ b/require/locales/fr.php
@@ -1,24 +1,37 @@
 <?php
     $tr = [
         "tab_title" => [
-            "home" => "Accueil",
-            "article" => "",
+            "home" => "Accueil - Chasse au trésor Lycée Pange",
+            "puzzles" => "Liste des énigmes - Chasse au trésor Lycée Pange",
+            "article" => "Énigme - Chasse au trésor Lycée Pange"
         ],
         "page_title" => [
-            "home" => "Accueil",
-            "article" => "",
+            "home" => "Chasse au trésor",
+            "puzzles" => "Liste des puzzles pour l'équipe n°",
+            "article" => "Énigme n°"
         ],
         "home" => [
-            "subtitle" => "Bienvenue !",
-            "message" => "Page dédiée au test de scan de QR code.",
-            "art_but" => "Voir ",
+            "subtitle" => "Bienvenue à la chasse au trésor du Lycée Jean de Pange de Sarreguemines !",
+            "message" => "Pour commencer, veuillez choisir votre groupe :",
+            "team" => "Équipe n°"
+        ],
+        "article" => [
+            "message" => "Cette énigme décrit un endroit précis. Dirigez-vous vers cet endroit, puis scannez le QR code que vous-y trouverez.",
+            "success" => "Bien joué ! Votre équipe a résolu cette énigme !",
+            "qr_but" => "Scanner le QR code",
+            "cam_sel" => "Caméra sélectionnée :",
+            "f_cam" => "Caméra avant",
+            "r_cam" => "Caméra arrière"
+        ],
+        "puzzles" => [
+            "message" => "Choisissez une énigme dans la liste ci-dessous :"
         ],
         "nav" => [
-            "title" => "",
-            "home"    => "Accueil",
+            "title" => "Chasse au trésor Pange",
+            "home" => "Accueil"
         ],
         "footer" => [
-            "text" => "Lycée Jean de Pange Sarreguemines",
-        ],
+            "text" => "Lycée Jean de Pange Sarreguemines"
+        ]
     ];
 ?>
\ No newline at end of file
diff --git a/require/nav.php b/require/nav.php
index 11966e8..db9110b 100644
--- a/require/nav.php
+++ b/require/nav.php
@@ -1,5 +1,8 @@
 <?php
         $url = $_SERVER["PHP_SELF"] . "?";
+        if (isset($_GET["team"])) {
+            $url = $url . "team=" . htmlspecialchars($_GET["team"]) . "&";
+        }
         if (isset($_GET["id"])) {
             $url = $url . "id=" . htmlspecialchars($_GET["id"]) . "&";
         }
diff --git a/style.css b/style.css
index 49cac38..e05d8ec 100644
--- a/style.css
+++ b/style.css
@@ -304,6 +304,7 @@ section article {
 
 article p:first-of-type {
     text-align: center;
+    font-weight: bold;
 }
 
 footer {