diff --git a/pages/cookie-notice/draft-combined.html b/pages/cookie-notice/draft-combined.html
index ee1140b..208ae47 100644
--- a/pages/cookie-notice/draft-combined.html
+++ b/pages/cookie-notice/draft-combined.html
@@ -5,6 +5,18 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cookie Management</title>
<style>
+ body {
+ font-family: Arial, sans-serif;
+ }
+ .cookie-category {
+ cursor: pointer;
+ font-weight: bold;
+ margin-top: 10px;
+ }
+ .cookie-list {
+ display: none;
+ margin-left: 20px;
+ }
.cookie-banner {
position: fixed;
bottom: 0;
@@ -33,8 +45,39 @@
}
</style>
<script>
+ function toggleVisibility(category) {
+ var list = document.getElementById(category);
+ if (list.style.display === "none") {
+ list.style.display = "block";
+ } else {
+ list.style.display = "none";
+ }
+ }
+
function acceptCookies() {
- // Set cookies based on user preferences
+ // Accept all cookies
+ document.getElementById('performance-cookies').checked = true;
+ document.getElementById('functional-cookies').checked = true;
+ document.getElementById('targeting-cookies').checked = true;
+
+ savePreferences();
+ }
+
+ function rejectCookies() {
+ // Reject all cookies
+ document.getElementById('performance-cookies').checked = false;
+ document.getElementById('functional-cookies').checked = false;
+ document.getElementById('targeting-cookies').checked = false;
+
+ savePreferences();
+ }
+
+ function acceptSelected() {
+ // Save preferences based on selected checkboxes
+ savePreferences();
+ }
+
+ function savePreferences() {
var performance = document.getElementById('performance-cookies').checked;
var functional = document.getElementById('functional-cookies').checked;
var targeting = document.getElementById('targeting-cookies').checked;
@@ -47,16 +90,6 @@
// Hide the cookie banner
document.getElementById('cookie-banner').style.display = 'none';
}
-
- function rejectCookies() {
- // Set cookies to false (you should replace this with actual cookie setting logic)
- document.cookie = "performance_cookies=false; path=/";
- document.cookie = "functional_cookies=false; path=/";
- document.cookie = "targeting_cookies=false; path=/";
-
- // Hide the cookie banner
- document.getElementById('cookie-banner').style.display = 'none';
- }
</script>
</head>
<body>