Current directory: /home/klas4s23/domains/585455.klas4s23.mid-ica.nl/public_html/Gastenboek/uploads
<?php
session_start();
require 'database.php';
// Handle form submission
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$name = $_POST['list_name'];
$mode = $_POST['list_mode'];
$questions = json_encode($_POST['questions']);
$answers = json_encode($_POST['answers']);
// Haal de user_id uit de sessie
$user_id = $_SESSION['user_id'];
// Voeg de user_id toe aan de query
$stmt = $pdo->prepare("INSERT INTO lists (name, mode, questions, answers, user_id) VALUES (?, ?, ?, ?, ?)");
$stmt->execute([$name, $mode, $questions, $answers, $user_id]);
// Redirect naar dashboard.php na het indienen
header("Location: dashboard.php");
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formulier</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="list-container">
<a href="dashboard.php"><button class="back-button">Terug</button></a>
<form method="POST" action="">
<div class="form-group">
<label for="list-name">Naam van de quiz:</label>
<input type="text" id="list-name" name="list_name" required>
</div>
<div class="form-group">
<label for="list-mode">Mode van de quiz:</label>
<select id="list-mode" name="list_mode">
<option value="">Kies een mode</option>
<option value="privΓ©">PrivΓ©</option>
<option value="openbaar">Openbaar</option>
</select>
</div>
<!-- Questions and answers container -->
<div id="question-answer-container">
<div class="question-answer">
<div class="form-group">
<label for="question1">Vraag 1:</label>
<input type="text" id="question1" name="questions[]" required>
</div>
<div class="form-group">
<label for="answer1">Antwoord 1:</label>
<input type="text" id="answer1" name="answers[]" required>
</div>
<button type="button" class="remove-question-btn">Verwijder</button>
</div>
</div>
<!-- Button to add more questions -->
<button type="button" id="addQuestionBtn" class="add-question">Klik hier voor 1 vraag en antwoord vak erbij</button>
<button type="submit" class="submit-button">Maak quiz</button>
</form>
</div>
<script>
document.getElementById('addQuestionBtn').addEventListener('click', function() {
// Get the question-answer container
const container = document.getElementById('question-answer-container');
// Get the number of existing questions to create unique IDs
const questionCount = container.getElementsByClassName('question-answer').length + 1;
// Create a new question-answer block
const newQuestionAnswer = document.createElement('div');
newQuestionAnswer.className = 'question-answer';
newQuestionAnswer.innerHTML = `
<div class="form-group">
<label for="question${questionCount}">Vraag ${questionCount}:</label>
<input type="text" id="question${questionCount}" name="questions[]" required>
</div>
<div class="form-group">
<label for="answer${questionCount}">Antwoord ${questionCount}:</label>
<input type="text" id="answer${questionCount}" name="answers[]" required>
</div>
<button type="button" class="remove-question-btn">Verwijder</button>
`;
// Append the new question-answer block to the container
container.appendChild(newQuestionAnswer);
// Add event listener to remove the question-answer block when the remove button is clicked
const removeButton = newQuestionAnswer.querySelector('.remove-question-btn');
removeButton.addEventListener('click', function() {
container.removeChild(newQuestionAnswer);
});
});
</script>
</body>
</html>