From e8417a3035b5f62bc64e4e72cb7faaeb96888bb7 Mon Sep 17 00:00:00 2001
From: Thomas de Roo <2+thomas@noreply.localhost>
Date: Mon, 15 Jun 2026 12:17:10 +0200
Subject: [PATCH] Update learn.php

---
 learn.php | 77 +++++++++++++++++++++++++++++++++++++------------------
 1 file changed, 52 insertions(+), 25 deletions(-)
diff --git a/learn.php b/learn.php
index 450b93c..0ae7b43 100644
--- a/learn.php
+++ b/learn.php
@@ -21,23 +21,7 @@ if (!$data) {
 }
 
 // kies woord 
-require_once 'includes/srs_queue.php';
 
-$words = $data['words'];
-
-$words = sortDueWords($words);
-
-$today = date('Y-m-d');
-
-$due = array_filter($words, function ($w) use ($today) {
-    return !isset($w['nextReview']) || $w['nextReview'] <= $today;
-});
-
-if (count($due) > 0) {
-    $word = array_values($due)[0];
-} else {
-    $word = $words[0];
-}
 ?>
 
 <!DOCTYPE html>
@@ -56,22 +40,17 @@ if (count($due) > 0) {
 
 <p>
 Vertaal:
-<strong><?= htmlspecialchars($word['question']) ?></strong>
+<strong id="question"></strong>
 </p>
 
-<input id="answer" placeholder="jouw antwoord">
+<input id="answer">
 
-<button onclick="check()">
-Controleer
-</button>
+<button onclick="check()">Controleer</button>
 
 <p id="result"></p>
 
 </div>
-<p>
-Correct: <?= $word['correct'] ?? 0 ?>
-| Fout: <?= $word['wrong'] ?? 0 ?>
-</p>
+
 </div>
 
 <script>
@@ -112,6 +91,54 @@ async function check() {
 }
 
 </script>
+<script>
 
+let currentWord = null;
+
+async function loadWord() {
+
+    const res = await fetch(
+        "api/next.php?lang=<?= $lang ?>&list=<?= $list ?>"
+    );
+
+    const data = await res.json();
+
+    currentWord = data.word;
+
+    document.getElementById('question').innerText =
+        currentWord.question;
+
+    document.getElementById('answer').value = '';
+}
+
+async function check() {
+
+    const answer =
+        document.getElementById('answer').value;
+
+    const res = await fetch('api/answer.php', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({
+            lang: "<?= $lang ?>",
+            list: "<?= $list ?>",
+            wordId: currentWord.id,
+            answer: answer
+        })
+    });
+
+    const data = await res.json();
+
+    document.getElementById('result').innerText =
+        data.correct ? "Goed" : "Fout";
+
+    setTimeout(loadWord, 600);
+}
+
+loadWord();
+
+</script>
 </body>
 </html>
\ No newline at end of file
