2 次代码提交 a6c5344915 ... e8fb20d9d0

作者 SHA1 备注 提交日期
  erdo e8fb20d9d0 tabs wiederhergestellt 7 月之前
  erdo ff47b9adc1 Bestätigung der Score-Speicherung eingebaut, umleiteitung nach speichern gefixt 7 月之前
共有 2 个文件被更改,包括 201 次插入 和 190 次删除
  1. 160 114
      admin.php
  2. 41 76
      index.php

+ 160 - 114
admin.php

@@ -31,14 +31,12 @@ if ($show_login):
         input { width: 100%; padding: 12px; margin: 15px 0; border-radius: 5px; border: 1px solid var(--border); background: var(--card); color: var(--text); box-sizing: border-box; }
         button { background: #e67e22; color: white; border: none; padding: 12px; border-radius: 5px; cursor: pointer; width: 100%; font-weight: bold; }
     </style>
-    <script>
-        if (localStorage.getItem('theme') === 'dark') document.documentElement.classList.add('dark-theme');
-    </script>
+    <script>if (localStorage.getItem('theme') === 'dark') document.documentElement.classList.add('dark-theme');</script>
 </head>
 <body>
     <div class="login-box">
         <h2>🔐 Admin Login</h2>
-        <?php if(isset($login_error)) echo "<div style='color:red;'>$login_error</div>"; ?>
+        <?php if(isset($login_error)) echo "<div style='color:red; margin-bottom:10px;'>$login_error</div>"; ?>
         <form method="POST">
             <input type="password" name="pw" placeholder="Passwort" autofocus required>
             <button type="submit" name="login_auth">Einloggen</button>
@@ -53,6 +51,7 @@ if ($show_login):
 $msg = "";
 $msg_type = "success";
 
+// Spiel hinzufügen
 if (isset($_POST['add_new_game'])) {
     $ean = trim($_POST['new_ean']);
     $titel = trim($_POST['new_titel']);
@@ -72,19 +71,35 @@ if (isset($_POST['add_new_game'])) {
     }
 }
 
+// Spiel updaten
 if (isset($_POST['update_game'])) {
     $stmt = $pdo->prepare("UPDATE spiele SET titel = ?, typ_id = ?, ean = ?, level = ?, bild_url = ? WHERE id = ?");
-    $stmt->execute([$_POST['titel'], ($_POST['typ_id'] == '0' ? null : (int)$_POST['typ_id']), $_POST['ean'], $_POST['level'], $_POST['bild_url'], (int)$_POST['spiel_id']]);
+    $stmt->execute([
+        $_POST['titel'], 
+        ($_POST['typ_id'] == '0' ? null : (int)$_POST['typ_id']), 
+        $_POST['ean'], 
+        $_POST['level'], 
+        $_POST['bild_url'], 
+        (int)$_POST['spiel_id']
+    ]);
     $msg = "💾 Änderungen gespeichert!";
 }
 
+// Spiel löschen
 if (isset($_POST['delete_game'])) {
     $pdo->prepare("DELETE FROM spiele WHERE id = ?")->execute([(int)$_POST['spiel_id']]);
     $msg = "🗑 Spiel gelöscht!";
 }
 
+// Spieler löschen
+if (isset($_POST['delete_player'])) {
+    $pdo->prepare("DELETE FROM spieler WHERE id = ?")->execute([(int)$_POST['player_id']]);
+    $msg = "👤 Spieler/Team gelöscht!";
+}
+
 $spiele = $pdo->query("SELECT s.*, t.bezeichnung as typ_name FROM spiele s LEFT JOIN game_typen t ON s.typ_id = t.id ORDER BY s.id DESC")->fetchAll();
 $typen = $pdo->query("SELECT * FROM game_typen ORDER BY bezeichnung ASC")->fetchAll();
+$spieler = $pdo->query("SELECT * FROM spieler ORDER BY name ASC")->fetchAll();
 ?>
 
 <!DOCTYPE html>
@@ -93,9 +108,8 @@ $typen = $pdo->query("SELECT * FROM game_typen ORDER BY bezeichnung ASC")->fetch
     <meta charset="UTF-8">
     <title>EXIT Admin - Stammdaten</title>
     <style>
-        /* THEME VARIABLEN */
         :root { 
-            --bg: #f4f7f6; --card: #ffffff; --text: #333; --border: #ddd; 
+            --bg: #f4f7f6; --card: #ffffff; --text: #333; --border: #ddd; --accent: #e67e22;
             --header-bg: #f8f9fa; --input-bg: #fff; --unknown-bg: #fff3e0;
         }
         .dark-theme { 
@@ -103,53 +117,47 @@ $typen = $pdo->query("SELECT * FROM game_typen ORDER BY bezeichnung ASC")->fetch
             --header-bg: #252525; --input-bg: #2a2a2a; --unknown-bg: #4d2b00;
         }
 
-        body { font-family: 'Segoe UI', sans-serif; background: var(--bg); color: var(--text); padding: 20px; scroll-behavior: smooth; transition: background 0.3s, color 0.3s; }
-        .container { max-width: 1400px; margin: 0 auto; position: relative; }
+        body { font-family: 'Segoe UI', sans-serif; background: var(--bg); color: var(--text); padding: 20px; transition: 0.3s; }
+        .container { max-width: 1500px; margin: 0 auto; }
         
-        /* Theme Switcher Button */
-        .theme-toggle { background: var(--card); border: 1px solid var(--border); color: var(--text); padding: 8px 12px; border-radius: 20px; cursor: pointer; font-size: 1.2rem; margin-right: 10px; transition: 0.3s; }
-        .theme-toggle:hover { transform: scale(1.1); }
+        .tab-nav { display: flex; gap: 10px; margin-bottom: 20px; border-bottom: 2px solid var(--border); padding-bottom: 10px; }
+        .tab-btn { padding: 10px 20px; border: none; background: none; color: var(--text); cursor: pointer; font-weight: bold; border-radius: 8px; transition: 0.2s; }
+        .tab-btn.active { background: var(--accent); color: white; }
+        .tab-content { display: none; }
+        .tab-content.active { display: block; }
 
-        /* Admin Layout */
-        .alert { padding: 15px; border-radius: 8px; margin-bottom: 20px; font-weight: bold; text-align: center; position: sticky; top: 10px; z-index: 1000; border: 1px solid transparent; }
+        .admin-card { background: var(--card); padding: 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); margin-bottom: 30px; border: 1px solid var(--border); }
+        .alert { padding: 15px; border-radius: 8px; margin-bottom: 20px; font-weight: bold; text-align: center; border: 1px solid transparent; }
         .alert-success { background: #d4edda; color: #155724; border-color: #c3e6cb; }
         .dark-theme .alert-success { background: #1b4332; color: #74c69d; }
 
-        .admin-card { background: var(--card); padding: 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); margin-bottom: 30px; border: 1px solid var(--border); }
-        table { width: 100%; border-collapse: collapse; margin-top: 20px; table-layout: fixed; background: var(--card); }
-        th { background: var(--header-bg); color: var(--text); padding: 12px 10px; text-align: left; font-size: 0.85em; text-transform: uppercase; border-bottom: 2px solid var(--border); }
+        table { width: 100%; border-collapse: collapse; margin-top: 10px; background: var(--card); }
+        th { background: var(--header-bg); padding: 12px; text-align: left; font-size: 0.85em; border-bottom: 2px solid var(--border); }
         td { padding: 10px; border-bottom: 1px solid var(--border); }
         
-        input, select { padding: 8px; border: 1px solid var(--border); border-radius: 6px; width: 100%; box-sizing: border-box; background: var(--input-bg); color: var(--text); font-size: 0.95em; }
-        
-        /* Spaltenbreiten */
-        .col-img { width: 60px; } .col-titel { width: auto; } .col-ean { width: 130px; } .col-typ { width: 160px; } .col-lvl { width: 150px; } .col-url { width: 180px; } .col-akt { width: 100px; text-align: center; }
-
-        .lvl-unknown { background: var(--unknown-bg) !important; color: #e67e22 !important; }
+        input, select { padding: 8px; border: 1px solid var(--border); border-radius: 6px; background: var(--input-bg); color: var(--text); width: 100%; box-sizing: border-box; }
         
-        .btn { padding: 10px 15px; border: none; border-radius: 6px; cursor: pointer; font-weight: bold; color: white; text-decoration: none; display: inline-block; font-size: 0.9em; }
-        .btn-add { background: #27ae60; width: 100%; margin-top: 10px; }
+        .btn { padding: 10px 15px; border: none; border-radius: 6px; cursor: pointer; font-weight: bold; color: white; text-decoration: none; display: inline-block; }
+        .btn-add { background: #27ae60; margin-top: 10px; width: 100%; }
         .btn-save { background: #2980b9; }
         .btn-del { background: #c0392b; }
-        .btn-nav { background: #e67e22; }
+        .btn-nav { background: var(--accent); }
+
+        .img-preview { width: 40px; height: 40px; object-fit: cover; border-radius: 4px; }
+        .lvl-unknown { background: var(--unknown-bg) !important; color: #e67e22 !important; }
 
-        #scrollToTop { position: fixed; bottom: 30px; right: 30px; background: #e67e22; color: white; width: 45px; height: 45px; border-radius: 50%; border: none; cursor: pointer; display: none; z-index: 1000; box-shadow: 0 4px 10px rgba(0,0,0,0.2); }
-        .img-preview { width: 40px; height: 40px; object-fit: cover; border-radius: 4px; border: 1px solid var(--border); background: #eee; }
+        #scrollToTop { position: fixed; bottom: 30px; right: 30px; background: var(--accent); color: white; width: 45px; height: 45px; border-radius: 50%; border: none; cursor: pointer; display: none; }
     </style>
-    <script>
-        // Theme sofort beim Laden anwenden (verhindert weißes Flackern)
-        if (localStorage.getItem('theme') === 'dark') document.documentElement.classList.add('dark-theme');
-    </script>
 </head>
-<body id="top">
+<body>
 
 <div class="container">
     <div style="display:flex; justify-content: space-between; align-items: center; margin-bottom: 20px;">
-        <h1>🛠 Stammdaten</h1>
-        <div style="display: flex; align-items: center;">
-            <button onclick="toggleTheme()" class="theme-toggle" id="theme-icon">🌙</button>
+        <h1>🛠 Admin-Bereich</h1>
+        <div style="display: flex; align-items: center; gap: 10px;">
+            <button onclick="toggleTheme()" class="theme-toggle" style="background:none; border:none; font-size:1.5rem; cursor:pointer;" id="theme-icon">🌙</button>
             <a href="index.php" class="btn btn-nav">Dashboard</a>
-            <a href="admin.php?logout=1" class="btn btn-del" style="margin-left:15px;">Logout</a>
+            <a href="admin.php?logout=1" class="btn btn-del">Logout</a>
         </div>
     </div>
 
@@ -157,108 +165,146 @@ $typen = $pdo->query("SELECT * FROM game_typen ORDER BY bezeichnung ASC")->fetch
         <div class="alert alert-<?= $msg_type ?>" id="msg-box"><?= $msg ?></div>
     <?php endif; ?>
 
-    <div class="admin-card">
-        <h3>🆕 Neues Spiel hinzufügen</h3>
-        <form method="POST">
-            <div style="display: grid; grid-template-columns: 3fr 1fr 1.2fr 1.2fr 2fr; gap: 10px;">
-                <input type="text" name="new_titel" placeholder="Spieltitel" required>
-                <input type="text" name="new_ean" placeholder="EAN" required>
-                <select name="new_typ_id">
-                    <option value="0">-- Typ: Unbekannt --</option>
-                    <?php foreach($typen as $t): ?>
-                        <option value="<?= $t['id'] ?>"><?= htmlspecialchars($t['bezeichnung']) ?></option>
+    <div class="tab-nav">
+        <button class="tab-btn active" onclick="openTab(event, 'games')">🎮 Spiele verwalten</button>
+        <button class="tab-btn" onclick="openTab(event, 'players')">👥 Spieler / Teams</button>
+    </div>
+
+    <div id="games" class="tab-content active">
+        <div class="admin-card">
+            <h3>🆕 Neues Spiel hinzufügen</h3>
+            <form method="POST">
+                <div style="display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 2fr; gap: 10px;">
+                    <input type="text" name="new_titel" placeholder="Spieltitel" required>
+                    <input type="text" name="new_ean" placeholder="EAN" required>
+                    <select name="new_typ_id">
+                        <option value="0">-- Typ: Unbekannt --</option>
+                        <?php foreach($typen as $t): ?><option value="<?= $t['id'] ?>"><?= htmlspecialchars($t['bezeichnung']) ?></option><?php endforeach; ?>
+                    </select>
+                    <select name="new_level">
+                        <option value="Unknown">-- Level: Unbekannt --</option>
+                        <option value="Einsteiger">Einsteiger</option>
+                        <option value="Fortgeschrittene">Fortgeschrittene</option>
+                        <option value="Profi">Profi</option>
+                    </select>
+                    <input type="text" name="new_bild_url" placeholder="Bild-URL">
+                </div>
+                <button type="submit" name="add_new_game" class="btn btn-add">In Datenbank speichern</button>
+            </form>
+        </div>
+
+        <div class="admin-card" style="padding:0; overflow-x:auto;">
+            <table>
+                <thead>
+                    <tr>
+                        <th style="width:50px;">Bild</th>
+                        <th>Titel</th>
+                        <th style="width:120px;">EAN</th>
+                        <th style="width:140px;">Typ</th>
+                        <th style="width:140px;">Level</th>
+                        <th style="width:200px;">Bild-URL</th>
+                        <th style="width:90px;">Aktion</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <?php foreach ($spiele as $sp): $is_unknown = ($sp['level'] == 'Unknown' || empty($sp['level'])); ?>
+                    <tr>
+                        <form method="POST">
+                            <input type="hidden" name="spiel_id" value="<?= $sp['id'] ?>">
+                            <td><img src="<?= htmlspecialchars($sp['bild_url']) ?>" class="img-preview" onerror="this.src='https://via.placeholder.com/40?text=?';"></td>
+                            <td><input type="text" name="titel" value="<?= htmlspecialchars($sp['titel']) ?>"></td>
+                            <td><input type="text" name="ean" value="<?= htmlspecialchars($sp['ean']) ?>"></td>
+                            <td>
+                                <select name="typ_id">
+                                    <option value="0">Unbekannt</option>
+                                    <?php foreach($typen as $t): ?>
+                                        <option value="<?= $t['id'] ?>" <?= ($sp['typ_id']==$t['id'])?'selected':'' ?>><?= htmlspecialchars($t['bezeichnung']) ?></option>
+                                    <?php endforeach; ?>
+                                </select>
+                            </td>
+                            <td>
+                                <select name="level" class="<?= $is_unknown ? 'lvl-unknown' : '' ?>">
+                                    <option value="Unknown" <?= $is_unknown ? 'selected' : '' ?>>Unbekannt</option>
+                                    <option value="Einsteiger" <?= $sp['level']=='Einsteiger'?'selected':'' ?>>Einsteiger</option>
+                                    <option value="Fortgeschrittene" <?= $sp['level']=='Fortgeschrittene'?'selected':'' ?>>Fortgeschrittene</option>
+                                    <option value="Profi" <?= $sp['level']=='Profi'?'selected':'' ?>>Profi</option>
+                                </select>
+                            </td>
+                            <td><input type="text" name="bild_url" value="<?= htmlspecialchars($sp['bild_url']) ?>"></td>
+                            <td>
+                                <button type="submit" name="update_game" class="btn btn-save">💾</button>
+                                <button type="submit" name="delete_game" class="btn btn-del" onclick="return confirm('Löschen?')">🗑</button>
+                            </td>
+                        </form>
+                    </tr>
                     <?php endforeach; ?>
-                </select>
-                <select name="new_level">
-                    <option value="Unknown" selected>-- Level: Unbekannt --</option>
-                    <option value="Einsteiger">Einsteiger</option>
-                    <option value="Fortgeschrittene">Fortgeschrittene</option>
-                    <option value="Profi">Profi</option>
-                </select>
-                <input type="text" name="new_bild_url" placeholder="Bild-URL">
-            </div>
-            <button type="submit" name="add_new_game" class="btn btn-add">In Datenbank speichern</button>
-        </form>
+                </tbody>
+            </table>
+        </div>
     </div>
 
-    <div class="admin-card" style="padding: 0; overflow: hidden;">
-        <table id="bestand-table">
-            <thead>
-                <tr>
-                    <th class="col-img">Bild</th>
-                    <th class="col-titel">Titel</th>
-                    <th class="col-ean">EAN</th>
-                    <th class="col-typ">Typ</th>
-                    <th class="col-lvl">Level</th>
-                    <th class="col-url">Bild-URL</th>
-                    <th class="col-akt">Aktion</th>
-                </tr>
-            </thead>
-            <tbody>
-                <?php foreach ($spiele as $sp): 
-                    $is_unknown = ($sp['level'] == 'Unknown' || empty($sp['level']));
-                ?>
-                <tr>
-                    <form method="POST">
-                        <input type="hidden" name="spiel_id" value="<?= $sp['id'] ?>">
-                        <td class="col-img"><img src="<?= htmlspecialchars($sp['bild_url']) ?>" class="img-preview" alt="Cover" onerror="this.src='https://via.placeholder.com/40?text=?';"></td>
-                        <td class="col-titel"><input type="text" name="titel" value="<?= htmlspecialchars($sp['titel']) ?>"></td>
-                        <td class="col-ean"><input type="text" name="ean" value="<?= htmlspecialchars($sp['ean']) ?>"></td>
-                        <td class="col-typ">
-                            <select name="typ_id">
-                                <option value="0">-- Unbekannt --</option>
-                                <?php foreach($typen as $t): ?>
-                                    <option value="<?= $t['id'] ?>" <?= ($sp['typ_id']==$t['id'])?'selected':'' ?>><?= htmlspecialchars($t['bezeichnung']) ?></option>
-                                <?php endforeach; ?>
-                            </select>
-                        </td>
-                        <td class="col-lvl">
-                            <select name="level" class="<?= $is_unknown ? 'lvl-unknown' : '' ?>" onchange="this.className=this.value=='Unknown'?'lvl-unknown':''">
-                                <option value="Unknown" <?= $is_unknown ? 'selected' : '' ?>>Unbekannt</option>
-                                <option value="Einsteiger" <?= $sp['level']=='Einsteiger'?'selected':'' ?>>Einsteiger</option>
-                                <option value="Fortgeschrittene" <?= $sp['level']=='Fortgeschrittene'?'selected':'' ?>>Fortgeschrittene</option>
-                                <option value="Profi" <?= $sp['level']=='Profi'?'selected':'' ?>>Profi</option>
-                            </select>
+    <div id="players" class="tab-content">
+        <div class="admin-card">
+            <h3>👥 Vorhandene Spieler / Teams</h3>
+            <table>
+                <thead>
+                    <tr>
+                        <th>ID</th>
+                        <th>Name</th>
+                        <th style="width:100px;">Aktion</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <?php foreach ($spieler as $p): ?>
+                    <tr>
+                        <td>#<?= $p['id'] ?></td>
+                        <td><strong><?= htmlspecialchars($p['name']) ?></strong></td>
+                        <td>
+                            <form method="POST" onsubmit="return confirm('Diesen Spieler wirklich löschen?')">
+                                <input type="hidden" name="player_id" value="<?= $p['id'] ?>">
+                                <button type="submit" name="delete_player" class="btn btn-del">Löschen</button>
+                            </form>
                         </td>
-                        <td class="col-url"><input type="text" name="bild_url" value="<?= htmlspecialchars($sp['bild_url']) ?>"></td>
-                        <td class="col-akt">
-                            <button type="submit" name="update_game" class="btn btn-save">💾</button>
-                            <button type="submit" name="delete_game" class="btn btn-del" onclick="return confirm('Löschen?')">🗑</button>
-                        </td>
-                    </form>
-                </tr>
-                <?php endforeach; ?>
-            </tbody>
-        </table>
+                    </tr>
+                    <?php endforeach; ?>
+                </tbody>
+            </table>
+        </div>
     </div>
 </div>
 
 <button id="scrollToTop" onclick="window.scrollTo(0,0);">▲</button>
 
 <script>
-    // THEME LOGIK
+    function openTab(evt, tabName) {
+        let i, content, btns;
+        content = document.getElementsByClassName("tab-content");
+        for (i = 0; i < content.length; i++) { content[i].classList.remove("active"); }
+        btns = document.getElementsByClassName("tab-btn");
+        for (i = 0; i < btns.length; i++) { btns[i].classList.remove("active"); }
+        document.getElementById(tabName).classList.add("active");
+        evt.currentTarget.classList.add("active");
+    }
+
+    const themeIcon = document.getElementById('theme-icon');
     function toggleTheme() {
         const isDark = document.documentElement.classList.toggle('dark-theme');
         localStorage.setItem('theme', isDark ? 'dark' : 'light');
-        document.getElementById('theme-icon').innerText = isDark ? '☀️' : '🌙';
+        themeIcon.innerText = isDark ? '☀️' : '🌙';
     }
-    
-    // Icon beim Laden anpassen
     if (localStorage.getItem('theme') === 'dark') {
-        document.getElementById('theme-icon').innerText = '☀️';
+        document.documentElement.classList.add('dark-theme');
+        themeIcon.innerText = '☀️';
     }
 
-    // Alerts ausblenden
     setTimeout(() => { 
         const msg = document.getElementById('msg-box');
         if(msg) { msg.style.transition = 'opacity 0.5s'; msg.style.opacity = '0'; }
     }, 3000);
 
-    // Scroll Button
     window.onscroll = function() {
         document.getElementById("scrollToTop").style.display = (window.scrollY > 300) ? "block" : "none";
     };
 </script>
-
 </body>
 </html>

+ 41 - 76
index.php

@@ -6,7 +6,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['add_player'])) {
     $sql = "INSERT IGNORE INTO spieler (name) VALUES (?)";
     $stmt = $pdo->prepare($sql);
     $stmt->execute([$_POST['neuer_spieler_name']]);
-    header("Location: " . $_SERVER['PHP_SELF']);
+    header("Location: index.php?success=player");
     exit;
 }
 
@@ -21,7 +21,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['add_score'])) {
         (int)$_POST['hilfe'], 
         (int)$_POST['sterne']
     ]);
-    header("Location: " . $_SERVER['PHP_SELF']);
+    header("Location: index.php?success=score");
     exit;
 }
 
@@ -50,7 +50,7 @@ $allScores = $pdo->query($sqlScores)->fetchAll();
         /* THEME VARIABLEN */
         :root { 
             --bg: #f4f7f6; --card: #ffffff; --text: #333; --border: #ddd; --accent: #e67e22;
-            --input-bg: #fff; --footer-bg: #f1f1f1;
+            --input-bg: #fff; --footer-bg: #f1f1f1; --success: #27ae60;
         }
         .dark-theme { 
             --bg: #121212cf; --card: #1e1e1e; --text: #e0e0e0; --border: #333;
@@ -60,49 +60,23 @@ $allScores = $pdo->query($sqlScores)->fetchAll();
         body { font-family: 'Segoe UI', sans-serif; background: var(--bg); color: var(--text); margin: 0; padding-bottom: 120px; transition: 0.3s; }
         .container { max-width: 1200px; margin: auto; padding: 20px; }
         
-        header { 
-            display: flex; 
-            justify-content: space-between; 
-            align-items: center; 
-            margin-bottom: 25px; 
-            border-bottom: 1px solid var(--border);
-            padding-bottom: 15px;
+        /* Bestätigungs-Banner */
+        .alert { 
+            background: var(--success); color: white; padding: 15px; border-radius: 8px; 
+            margin-bottom: 20px; text-align: center; font-weight: bold;
+            animation: fadeOut 1s forwards; animation-delay: 3s;
         }
+        @keyframes fadeOut { from {opacity: 1;} to {opacity: 0; visibility: hidden;} }
+
+        header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; border-bottom: 1px solid var(--border); padding-bottom: 15px; }
         h1 { color: var(--accent); margin: 0; font-size: 1.6em; }
 
-        .theme-toggle { 
-            background: var(--card); 
-            border: 1px solid var(--border); 
-            color: var(--text); 
-            width: 42px; 
-            height: 34px; 
-            padding: 0; 
-            border-radius: 10px; 
-            cursor: pointer; 
-            font-size: 1.1rem; 
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            transition: 0.3s;
-            flex-shrink: 0;
-        }
-        .theme-toggle:hover { border-color: var(--accent); }
+        .theme-toggle { background: var(--card); border: 1px solid var(--border); color: var(--text); width: 42px; height: 34px; border-radius: 10px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.3s; }
 
-        /* Swiper & Modern Progress Bar */
         .swiper { width: 100%; padding-top: 10px; padding-bottom: 40px; }
         .swiper-slide { width: 320px; height: auto; }
-        
-        /* Stylen des Fortschrittsbalkens */
-        .swiper-pagination-progressbar {
-            background: var(--border) !important;
-            height: 4px !important;
-            border-radius: 2px;
-            top: 0 !important; /* Balken sitzt oben am Swiper */
-        }
-        .swiper-pagination-progressbar-fill {
-            background: var(--accent) !important;
-            border-radius: 2px;
-        }
+        .swiper-pagination-progressbar { background: var(--border) !important; height: 4px !important; top: 0 !important; }
+        .swiper-pagination-progressbar-fill { background: var(--accent) !important; }
 
         .card { background: var(--card); border-radius: 12px; border: 1px solid var(--border); overflow: hidden; height: 100%; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
         .card img { width: 100%; height: 180px; object-fit: cover; opacity: 0.9; }
@@ -124,16 +98,18 @@ $allScores = $pdo->query($sqlScores)->fetchAll();
         .form-section, .info-section { background: var(--card); padding: 20px; border-radius: 12px; border: 1px solid var(--border); }
         .highlight-border { border-color: var(--accent); }
         
-        input, select { width: 100%; padding: 10px; background: var(--input-bg); border: 1px solid var(--border); color: var(--text); border-radius: 5px; box-sizing: border-box; margin-bottom: 10px; }
+        /* Archiv-Link Styling */
+        .info-section a { color: var(--accent); text-decoration: none; display: block; padding: 10px; border: 1px dashed var(--border); border-radius: 8px; text-align: center; transition: 0.2s; }
+        .info-section a:hover { background: var(--bg); border-color: var(--accent); }
+
+        input, select { width: 100%; padding: 10px; background: var(--input-bg); border: 1px solid var(--border); color: var(--text); border-radius: 5px; margin-bottom: 10px; box-sizing: border-box; }
         button { background: var(--accent); color: white; border: none; padding: 12px; border-radius: 5px; cursor: pointer; font-weight: bold; width: 100%; }
 
         .footer-nav { position: fixed; bottom: 0; left: 0; width: 100%; background: var(--footer-bg); border-top: 2px solid var(--accent); padding: 15px 0; display: flex; justify-content: center; gap: 20px; z-index: 1000; flex-wrap: wrap; }
         .footer-nav a { color: var(--accent); text-decoration: none; font-weight: bold; font-size: 0.8em; padding: 5px 10px; border: 1px solid transparent; transition: 0.3s; }
         .footer-nav a:hover { border-color: var(--accent); border-radius: 5px; }
         
-        .info-section a { color: var(--accent); text-decoration: none; display: block; padding: 10px; border: 1px dashed var(--border); border-radius: 8px; text-align: center; }
-
-        #playerModal { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--card); padding: 30px; border-radius: 12px; border: 1px solid var(--accent); z-index: 2000; box-shadow: 0 0 50px rgba(0,0,0,0.5); color: var(--text); }
+        #playerModal { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--card); padding: 30px; border-radius: 12px; border: 1px solid var(--accent); z-index: 2000; color: var(--text); box-shadow: 0 0 50px rgba(0,0,0,0.5); }
         .overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 1500; }
     </style>
     <script>
@@ -143,6 +119,12 @@ $allScores = $pdo->query($sqlScores)->fetchAll();
 <body>
 
 <div class="container">
+    <?php if (isset($_GET['success'])): ?>
+        <div class="alert" id="success-alert">
+            <?= $_GET['success'] === 'score' ? '✅ Score erfolgreich gespeichert!' : '👤 Neuer Spieler angelegt!' ?>
+        </div>
+    <?php endif; ?>
+
     <header>
         <h1>🏆 EXIT Highscores</h1>
         <button onclick="toggleTheme()" class="theme-toggle" id="theme-icon">🌙</button>
@@ -150,17 +132,15 @@ $allScores = $pdo->query($sqlScores)->fetchAll();
 
     <div class="swiper mySwiper">
         <div class="swiper-pagination"></div>
-
         <div class="swiper-wrapper">
             <?php foreach ($exitGames as $game): 
                 $lvl_class = (empty($game['level']) || strtolower($game['level']) == 'unknown') ? 'unknown' : $game['level'];
-                $lvl_display = ($lvl_class == 'unknown') ? 'Unbekannt' : $game['level'];
             ?>
                 <div class="swiper-slide">
                     <div class="card">
                         <img src="<?= htmlspecialchars($game['bild_url']) ?>" alt="Cover" onerror="this.src='https://via.placeholder.com/320x180?text=Kein+Bild'">
                         <div class="content">
-                            <span class="badge level-<?= $lvl_class ?>"><?= htmlspecialchars($lvl_display) ?></span>
+                            <span class="badge level-<?= $lvl_class ?>"><?= htmlspecialchars($game['level'] ?: 'Unbekannt') ?></span>
                             <h2><?= htmlspecialchars($game['titel']) ?></h2>
                             <table class="stats">
                                 <?php 
@@ -186,13 +166,13 @@ $allScores = $pdo->query($sqlScores)->fetchAll();
     <div class="bottom-section">
         <div class="info-section">
             <h2>📜 Archiv</h2>
-            <p style="font-size: 0.8em; opacity: 0.6;">Bereits gelöste Abenteuer einsehen.</p>
+            <p style="font-size: 0.8em; opacity: 0.6; margin-bottom: 15px;">Bereits gelöste Abenteuer einsehen.</p>
             <a href="gespielte_spiele.php">📂 Übersicht gespielte Spiele</a>
         </div>
 
         <div class="form-section highlight-border">
             <h2>🎯 Ergebnis eintragen</h2>
-            <form method="POST">
+            <form method="POST" action="index.php">
                 <select name="spiel_id" required>
                     <?php foreach ($exitGames as $game): ?>
                         <option value="<?= $game['id'] ?>"><?= htmlspecialchars($game['titel']) ?></option>
@@ -225,8 +205,8 @@ $allScores = $pdo->query($sqlScores)->fetchAll();
 <div class="overlay" id="overlay" onclick="toggleModal()"></div>
 <div id="playerModal">
     <h2>👤 Team/Spieler anlegen</h2>
-    <form method="POST">
-        <input type="text" name="neuer_spieler_name" placeholder="Name (z.B. Die Füchse)" required>
+    <form method="POST" action="index.php">
+        <input type="text" name="neuer_spieler_name" placeholder="Name" required>
         <button type="submit" name="add_player">Anlegen</button>
         <button type="button" onclick="toggleModal()" style="background: #666; margin-top: 10px;">Abbrechen</button>
     </form>
@@ -234,40 +214,25 @@ $allScores = $pdo->query($sqlScores)->fetchAll();
 
 <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
 <script>
-    // Theme-Logik
+    const themeIcon = document.getElementById('theme-icon');
     function toggleTheme() {
         const isDark = document.documentElement.classList.toggle('dark-theme');
         localStorage.setItem('theme', isDark ? 'dark' : 'light');
-        updateIcon(isDark);
+        themeIcon.innerText = isDark ? '☀️' : '🌙';
     }
+    if (localStorage.getItem('theme') === 'dark') themeIcon.innerText = '☀️';
 
-    function updateIcon(isDark) {
-        document.getElementById('theme-icon').innerText = isDark ? '☀️' : '🌙';
-    }
-
-    if (localStorage.getItem('theme') === 'dark') updateIcon(true);
-
-    // Swiper Initialisierung mit Progressbar
-    const swiper = new Swiper(".mySwiper", {
-        slidesPerView: "auto",
-        spaceBetween: 20,
-        centeredSlides: false,
-        grabCursor: true,
-        pagination: {
-            el: ".swiper-pagination",
-            type: "progressbar", // Die Lösung für das "Punkte"-Problem
-        },
+    new Swiper(".mySwiper", {
+        slidesPerView: "auto", spaceBetween: 20, grabCursor: true, pagination: { el: ".swiper-pagination", type: "progressbar" },
     });
 
-    // Modal
     function toggleModal() {
-        const modal = document.getElementById('playerModal');
-        const overlay = document.getElementById('overlay');
-        const isVisible = modal.style.display === 'block';
-        modal.style.display = isVisible ? 'none' : 'block';
-        overlay.style.display = isVisible ? 'none' : 'block';
+        const m = document.getElementById('playerModal');
+        const o = document.getElementById('overlay');
+        const vis = m.style.display === 'block';
+        m.style.display = vis ? 'none' : 'block';
+        o.style.display = vis ? 'none' : 'block';
     }
 </script>
-
 </body>
 </html>