From d20e63496cace49fa65d68b95483a614063bbfda Mon Sep 17 00:00:00 2001
From: rene <mail@motocamp.de>
Date: Fri, 15 May 2026 16:19:46 +0200
Subject: [PATCH] Feat: AGB-Link im Footer (Welt-Welt) + AGB-Checkbox im
 Upgrade-Modal
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- worlds.js: 'Datenschutz · AGB' in der Welt-Welt-Fußzeile
- settings.js: AGB-Checkbox über Widerrufs-Checkbox; beide müssen gecheckt sein bevor 'Anfrage senden' aktiv wird
---
 backend/static/js/pages/settings.js | 24 ++++++++++++++++++++----
 backend/static/js/worlds.js         |  2 ++
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/backend/static/js/pages/settings.js b/backend/static/js/pages/settings.js
index 2cb9b49..d46459d 100644
--- a/backend/static/js/pages/settings.js
+++ b/backend/static/js/pages/settings.js
@@ -313,6 +313,18 @@ window.Page_settings = (() => {
                       font-size:var(--text-xs);color:#c05000;line-height:1.6;margin-top:var(--space-2)">
             💡 Tipp: Trag deine <strong>Rechnungsadresse</strong> im Profil ein — dann können wir die Rechnung vollständig ausstellen.
           </div>` : ''}
+          <div style="margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);
+                      background:var(--c-surface-raised,rgba(0,0,0,.04));">
+            <label style="display:flex;align-items:flex-start;gap:var(--space-2);cursor:pointer;
+                          font-size:var(--text-xs);color:var(--c-text-secondary);line-height:1.5">
+              <input type="checkbox" id="agb-checkbox"
+                     style="margin-top:2px;flex-shrink:0;accent-color:${color}">
+              <span>
+                Ich habe die <span style="color:var(--c-primary);cursor:pointer"
+                  onclick="App.navigate('agb')">AGB</span> gelesen und stimme ihnen zu.
+              </span>
+            </label>
+          </div>
           <div style="margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);
                       background:var(--c-surface-raised,rgba(0,0,0,.04));">
             <label style="display:flex;align-items:flex-start;gap:var(--space-2);cursor:pointer;
@@ -342,12 +354,16 @@ window.Page_settings = (() => {
         </button>`
     });
 
+    const agbBox      = document.getElementById('agb-checkbox');
     const widerrufBox = document.getElementById('widerruf-checkbox');
-    const sendBtn = document.getElementById('upgrade-request-send-btn');
+    const sendBtn     = document.getElementById('upgrade-request-send-btn');
     if (sendBtn) sendBtn.disabled = true;
-    widerrufBox?.addEventListener('change', () => {
-      if (sendBtn) sendBtn.disabled = !widerrufBox.checked;
-    });
+
+    const _checkBtns = () => {
+      if (sendBtn) sendBtn.disabled = !(agbBox?.checked && widerrufBox?.checked);
+    };
+    agbBox?.addEventListener('change', _checkBtns);
+    widerrufBox?.addEventListener('change', _checkBtns);
 
     document.getElementById('upgrade-request-send-btn')?.addEventListener('click', async () => {
       const btn = document.getElementById('upgrade-request-send-btn');
diff --git a/backend/static/js/worlds.js b/backend/static/js/worlds.js
index ca5fdce..e343655 100644
--- a/backend/static/js/worlds.js
+++ b/backend/static/js/worlds.js
@@ -1658,6 +1658,8 @@ window.Worlds = (() => {
         </div>
         <div class="world-footer-links">
           <span data-wnav="datenschutz">Datenschutz</span>
+          <span style="color:var(--c-border)">·</span>
+          <span data-wnav="agb">AGB</span>
         </div>
       </div>
     `;