erdo
/
exit-game


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264
							<?php
session_start();
require_once 'config.php'; 
require_once 'db_config.php'; 

// --- 1. LOGIN / LOGOUT SCHUTZ ---
if (isset($_GET['logout'])) { session_destroy(); header("Location: admin.php"); exit; }

$show_login = true;
if (isset($_SESSION['admin_auth']) && $_SESSION['admin_auth'] === true) { $show_login = false; }

if (isset($_POST['login_auth'])) {
    if ($_POST['pw'] === ADMIN_PASSWORD) {
        $_SESSION['admin_auth'] = true;
        $show_login = false;
    } else { $login_error = "Falsches Passwort!"; }
}

if ($show_login):
?>
<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <title>Admin Login</title>
    <style>
        :root { --bg: #f4f7f6; --card: #ffffff; --text: #333; --border: #ddd; }
        .dark-theme { --bg: #121212cf; --card: #1e1e1e; --text: #e0e0e0; --border: #333; }
        body { font-family: 'Segoe UI', sans-serif; background: var(--bg); color: var(--text); display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }
        .login-box { background: var(--card); padding: 40px; border-radius: 12px; border: 1px solid var(--border); box-shadow: 0 4px 15px rgba(0,0,0,0.1); text-align: center; width: 300px; }
        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>
</head>
<body>
    <div class="login-box">
        <h2>🔐 Admin Login</h2>
        <?php if(isset($login_error)) echo "<div style='color:red;'>$login_error</div>"; ?>
        <form method="POST">
            <input type="password" name="pw" placeholder="Passwort" autofocus required>
            <button type="submit" name="login_auth">Einloggen</button>
        </form>
    </div>
</body>
</html>
<?php exit; endif; ?>

<?php
// --- 2. DATENBANK LOGIK ---
$msg = "";
$msg_type = "success";

if (isset($_POST['add_new_game'])) {
    $ean = trim($_POST['new_ean']);
    $titel = trim($_POST['new_titel']);
    $level = (empty($_POST['new_level']) || $_POST['new_level'] == 'Unknown') ? 'Unknown' : $_POST['new_level'];
    $typ_id = ($_POST['new_typ_id'] == '0') ? null : (int)$_POST['new_typ_id'];
    $bild_url = trim($_POST['new_bild_url']);

    try {
        $stmt = $pdo->prepare("INSERT INTO spiele (titel, typ_id, ean, level, bild_url) VALUES (?, ?, ?, ?, ?)");
        $stmt->execute([$titel, $typ_id, $ean, $level, $bild_url]);
        $msg = "✅ Spiel erfolgreich angelegt!";
    } catch (PDOException $e) {
        if ($e->getCode() == 23000) { 
            $msg = "❌ Fehler: Die EAN $ean existiert bereits!";
            $msg_type = "error";
        } else { $msg = "Fehler: " . $e->getMessage(); }
    }
}

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']]);
    $msg = "💾 Änderungen gespeichert!";
}

if (isset($_POST['delete_game'])) {
    $pdo->prepare("DELETE FROM spiele WHERE id = ?")->execute([(int)$_POST['spiel_id']]);
    $msg = "🗑 Spiel 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();
?>

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <title>EXIT Admin - Stammdaten</title>
    <style>
        /* THEME VARIABLEN */
        :root { 
            --bg: #f4f7f6; --card: #ffffff; --text: #333; --border: #ddd; 
            --header-bg: #f8f9fa; --input-bg: #fff; --unknown-bg: #fff3e0;
        }
        .dark-theme { 
            --bg: #121212cf; --card: #1e1e1e; --text: #e0e0e0; --border: #333; 
            --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; }
        
        /* 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); }

        /* 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; }
        .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); }
        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; }
        
        .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-save { background: #2980b9; }
        .btn-del { background: #c0392b; }
        .btn-nav { background: #e67e22; }

        #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; }
    </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">

<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>
            <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>
        </div>
    </div>

    <?php if ($msg): ?>
        <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>
                    <?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>
    </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>
                        </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>
    </div>
</div>

<button id="scrollToTop" onclick="window.scrollTo(0,0);">▲</button>

<script>
    // THEME LOGIK
    function toggleTheme() {
        const isDark = document.documentElement.classList.toggle('dark-theme');
        localStorage.setItem('theme', isDark ? 'dark' : 'light');
        document.getElementById('theme-icon').innerText = isDark ? '☀️' : '🌙';
    }
    
    // Icon beim Laden anpassen
    if (localStorage.getItem('theme') === 'dark') {
        document.getElementById('theme-icon').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>