From 15ce96681fcfb2a106858168c6086553b8f73c1e Mon Sep 17 00:00:00 2001
From: vista-man <524715@vistacollege.nl>
Date: Thu, 10 Apr 2025 17:00:57 +0200
Subject: [PATCH] Refactor HTML and CSS file structure: update stylesheet
 paths, add new scripts, and enhance login functionality

---
 bestellen.html                               |  8 ++++++--
 contact.html                                 |  6 +++---
 {style => css}/bestellen.css                 |  0
 {style => css}/style.css                     |  0
 employee-login.html                          | 19 +++----------------
 index.html                                   |  4 ++--
 js/script.js                                 | 18 +++++++++++++++++-
 order-pages/vrijdag-kinderen.html            | 12 ++++++++----
 order-pages/vrijdag-volwassenen.html         | 12 ++++++++----
 order-pages/zaterdag-kinderen.html           | 12 ++++++++----
 order-pages/zaterdag-volwassenen.html        | 12 ++++++++----
 over-ons.html                                |  4 ++--
 logout.php => php/logout.php                 |  0
 process_login.php => php/process_login.php   |  2 +-
 process_ticket.php => php/process_ticket.php |  0
 15 files changed, 66 insertions(+), 43 deletions(-)
 rename {style => css}/bestellen.css (100%)
 rename {style => css}/style.css (100%)
 rename logout.php => php/logout.php (100%)
 rename process_login.php => php/process_login.php (93%)
 rename process_ticket.php => php/process_ticket.php (100%)
diff --git a/bestellen.html b/bestellen.html
index 65be546..bfeb056 100644
--- a/bestellen.html
+++ b/bestellen.html
@@ -5,9 +5,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Tickets Bestellen - Spik en span</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="css/style.css">
+    <link rel="stylesheet" href="css/bestellen.css">
     <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
-    <link rel="stylesheet" href="bestellen.css">
 </head>
 <body>
     
@@ -84,4 +84,8 @@
     </div>
 
 </body>
+
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+<script src="js/script.js"></script>
+
 </html>
\ No newline at end of file
diff --git a/contact.html b/contact.html
index 6e915bb..91fc3c3 100644
--- a/contact.html
+++ b/contact.html
@@ -3,9 +3,9 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+    <title>Contact - Spik en Span</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="css/style.css">
     <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
     <style>
       body {
@@ -79,6 +79,6 @@
 </body>
 
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
-<script src="script.js"></script>
+<script src="js/script.js"></script>
 
 </html>
\ No newline at end of file
diff --git a/style/bestellen.css b/css/bestellen.css
similarity index 100%
rename from style/bestellen.css
rename to css/bestellen.css
diff --git a/style/style.css b/css/style.css
similarity index 100%
rename from style/style.css
rename to css/style.css
diff --git a/employee-login.html b/employee-login.html
index a94ad70..c4023e4 100644
--- a/employee-login.html
+++ b/employee-login.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Medewerker Login</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="css/style.css">
 </head>
 
 <body>
@@ -67,20 +67,7 @@
 
 </body>
 
-<script>
-    document.getElementById('loginForm').addEventListener('submit', function (e) {
-        e.preventDefault();
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+<script src="js/script.js"></script>
 
-        const username = document.getElementById('username').value;
-        const password = document.getElementById('password').value;
-
-       
-        if (username === 'admin' && password === 'password') {
-            alert('Succesvol ingelogd!');
-            window.location.href = 'qr/qr.html'; 
-        } else {
-            alert('Ongeldige inloggegevens.');
-        }
-    });
-</script>
 </html>
diff --git a/index.html b/index.html
index c76074a..04bfc6b 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Spik En Span</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="css/style.css">
     <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
 </head>
     
@@ -62,6 +62,6 @@
 </body>
 
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
-<script src="script.js"></script>
+<script src="js/script.js"></script>
 
 </html>
\ No newline at end of file
diff --git a/js/script.js b/js/script.js
index 045deca..6bcca07 100644
--- a/js/script.js
+++ b/js/script.js
@@ -31,4 +31,20 @@ function toggleVideo() {
     } else {
       video.pause();
     }
-  }
\ No newline at end of file
+  }
+
+
+  document.getElementById('loginForm').addEventListener('submit', function (e) {
+    e.preventDefault();
+
+    const username = document.getElementById('username').value;
+    const password = document.getElementById('password').value;
+
+   
+    if (username === 'admin' && password === 'password') {
+        alert('Succesvol ingelogd!');
+        window.location.href = '../qr/qr.html'; 
+    } else {
+        alert('Ongeldige inloggegevens.');
+    }
+});
\ No newline at end of file
diff --git a/order-pages/vrijdag-kinderen.html b/order-pages/vrijdag-kinderen.html
index d26b5c1..fd119b6 100644
--- a/order-pages/vrijdag-kinderen.html
+++ b/order-pages/vrijdag-kinderen.html
@@ -5,16 +5,16 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Vrijdag Kinderen - Spik En Span</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="style.css">
-    <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
-    <link rel="stylesheet" href="bestellen.css">
+    <link rel="stylesheet" href="../css/style.css">
+    <link rel="stylesheet" href="../css/bestellen.css">
+    <link rel="icon" type="image/x-icon" href="../assets/favicon.ico">
 </head>
 <body>
     
     <nav class="navbar navbar-expand-lg bg-body-tertiary">
         <div class="container-fluid">
           <a class="navbar-brand" href="index.html">
-            <img src="assets/favicon.ico" alt="Bootstrap" width="30" height="24">
+            <img src="../assets/favicon.ico" alt="Bootstrap" width="30" height="24">
             Spik & Span
           </a>
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
@@ -52,4 +52,8 @@
     </nav>
 
 </body>
+
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+<script src="js/script.js"></script>
+
 </html>
\ No newline at end of file
diff --git a/order-pages/vrijdag-volwassenen.html b/order-pages/vrijdag-volwassenen.html
index 9d01dcd..82f3c91 100644
--- a/order-pages/vrijdag-volwassenen.html
+++ b/order-pages/vrijdag-volwassenen.html
@@ -5,16 +5,16 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Vrijdag Volwassenen - Spik En Span</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="style.css">
-    <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
-    <link rel="stylesheet" href="bestellen.css">
+    <link rel="stylesheet" href="../css/style.css">
+    <link rel="stylesheet" href="../css/bestellen.css">
+    <link rel="icon" type="image/x-icon" href="../assets/favicon.ico">
 </head>
 <body>
     
     <nav class="navbar navbar-expand-lg bg-body-tertiary">
         <div class="container-fluid">
           <a class="navbar-brand" href="index.html">
-            <img src="assets/favicon.ico" alt="Bootstrap" width="30" height="24">
+            <img src="../assets/favicon.ico" alt="Bootstrap" width="30" height="24">
             Spik & Span
           </a>
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
@@ -52,4 +52,8 @@
     </nav>
 
 </body>
+
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+<script src="js/script.js"></script>
+
 </html>
\ No newline at end of file
diff --git a/order-pages/zaterdag-kinderen.html b/order-pages/zaterdag-kinderen.html
index b4374be..a2f13e0 100644
--- a/order-pages/zaterdag-kinderen.html
+++ b/order-pages/zaterdag-kinderen.html
@@ -5,16 +5,16 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Zaterdag Kinderen - Spik En Span</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="style.css">
-    <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
-    <link rel="stylesheet" href="bestellen.css">
+    <link rel="stylesheet" href="../css/style.css">
+    <link rel="stylesheet" href="../css/bestellen.css">
+    <link rel="icon" type="image/x-icon" href="../assets/favicon.ico">
 </head>
 <body>
     
     <nav class="navbar navbar-expand-lg bg-body-tertiary">
         <div class="container-fluid">
           <a class="navbar-brand" href="index.html">
-            <img src="assets/favicon.ico" alt="Bootstrap" width="30" height="24">
+            <img src="../assets/favicon.ico" alt="Bootstrap" width="30" height="24">
             Spik & Span
           </a>
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
@@ -52,4 +52,8 @@
     </nav>
 
 </body>
+
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+<script src="js/script.js"></script>
+
 </html>
\ No newline at end of file
diff --git a/order-pages/zaterdag-volwassenen.html b/order-pages/zaterdag-volwassenen.html
index 1209f93..ca13575 100644
--- a/order-pages/zaterdag-volwassenen.html
+++ b/order-pages/zaterdag-volwassenen.html
@@ -5,16 +5,16 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Zaterdag Volwassenen - Spik En Span</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="style.css">
-    <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
-    <link rel="stylesheet" href="bestellen.css">
+    <link rel="stylesheet" href="../css/style.css">
+    <link rel="stylesheet" href="../css/bestellen.css">
+    <link rel="icon" type="image/x-icon" href="../assets/favicon.ico">
 </head>
 <body>
     
     <nav class="navbar navbar-expand-lg bg-body-tertiary">
         <div class="container-fluid">
           <a class="navbar-brand" href="index.html">
-            <img src="assets/favicon.ico" alt="Bootstrap" width="30" height="24">
+            <img src="../assets/favicon.ico" alt="Bootstrap" width="30" height="24">
             Spik & Span
           </a>
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
@@ -52,4 +52,8 @@
     </nav>
 
 </body>
+
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+<script src="js/script.js"></script>
+
 </html>
\ No newline at end of file
diff --git a/over-ons.html b/over-ons.html
index 9790235..c5eb44d 100644
--- a/over-ons.html
+++ b/over-ons.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Over Ons - Spik en Span</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="css/style.css">
     <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
     <style>
         body {
@@ -83,6 +83,6 @@
     </div>
 
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
-    <script src="script.js"></script>
+    <script src="js/script.js"></script>
 </body>
 </html>
diff --git a/logout.php b/php/logout.php
similarity index 100%
rename from logout.php
rename to php/logout.php
diff --git a/process_login.php b/php/process_login.php
similarity index 93%
rename from process_login.php
rename to php/process_login.php
index 3e48528..3dd3f23 100644
--- a/process_login.php
+++ b/php/process_login.php
@@ -30,7 +30,7 @@ if ($password_hash && password_verify($password, $password_hash)) {
     session_start();
     $_SESSION['user_id'] = $user_id;
     echo "Login successful!";
-    header("Location: qr/qr.html"); // Redirect to QR scanner page
+    header("Location: ../qr/qr.html"); // Redirect to QR scanner page
 } else {
     echo "Invalid login credentials.";
 }
diff --git a/process_ticket.php b/php/process_ticket.php
similarity index 100%
rename from process_ticket.php
rename to php/process_ticket.php
