Current directory: /home/klas4s23/domains/585455.klas4s23.mid-ica.nl/public_html/Gastenboek/uploads
<?php
session_start();
require 'database.php';
if (!isset($_SESSION['user_id'])) {
header("Location: login.php");
exit;
}
$list_id = isset($_GET['list_id']) ? $_GET['list_id'] : null;
$user_id = isset($_GET['user_id']) ? $_GET['user_id'] : null;
if (!$list_id || !$user_id) {
echo "List or user not specified.";
exit;
}
// Haal de lijstdetails op voor de opgegeven list_id
$stmt = $pdo->prepare(query: "SELECT * FROM lists WHERE id = :id AND user_id = :user_id");
$stmt->execute(['id' => $list_id, 'user_id' => $user_id]);
$list = $stmt->fetch(PDO::FETCH_ASSOC);
if (!$list) {
echo "List not found.";
exit;
}
$questions = json_decode($list['questions']);
$answers = json_decode($list['answers']);
if (isset($_SESSION['language_mode']) && $_SESSION['language_mode'] === 1) {
$tempQuestions = $questions;
$questions = $answers;
$answers = $tempQuestions;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Take Quiz</title>
</head>
<body>
<div class="quiz-container">
<h2><?php echo htmlspecialchars($list['name']); ?> Quiz</h2>
<div class="FormStyle">
<form id="quizForm" method="POST" action="dashboard.php">
<input type="hidden" name="list_id" value="<?php echo $list_id; ?>">
<div id="questions-container">
<?php for ($i = 0; $i < count($questions); $i++): ?>
<?php if (!empty($questions[$i])): ?>
<div class="quiz-question" data-question-index="<?php echo $i; ?>" style="display: <?php echo $i === 0 ? 'block' : 'none'; ?>;">
<p><strong>Vraag <?php echo ($i + 1); ?>:</strong>
<?php echo htmlspecialchars($questions[$i]); ?>
</p>
<input type="text" name="user_answers[]" class="user-answer" data-question-index="<?php echo $i; ?>" placeholder="Jouw Antwoord" required>
<div class="feedback"></div>
</div>
<?php endif; ?>
<?php endfor; ?>
</div>
<button type="button" id="next-button" class="next-button" required>Volgende Vraag</button>
<button type="submit" id="submit-button" class="submit-button" style="display: none;">Verzend
Quiz</button>
</form>
</div>
</div>
<div class="result">
<div id="end-quiz-container">
<h3>Jouw Resultaten</h3>
<p id="correct-answers">Aantal goede antwoorden: 0</p>
<p id="incorrect-answers">Aantal foute antwoorden: 0</p>
<div id="question-results"></div>
<button id="back-button" class="back-button">Terug naar Dashboard</button>
</div>
</div>
</div>
<script>
let questionsArray = <?php echo json_encode($questions); ?>;
let correctAnswersArray = <?php echo json_encode($answers); ?>;
</script>
<script src="script.js"></script>
</body>
</html>