<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Scoreboard - Tisch 1</title> <!-- Tisch hier ändern -->
    <link rel="stylesheet" href="path/to/your/custom.css"> <!-- Link zur benutzerdefinierten CSS-Datei -->
</head>
<body>
    <!-- Scoreboard Anzeige -->
    <div class="scoreboard-container">
        <div class="scoreboard-header">
            <span id="tisch1_spieler1_name" class="scoreboard-player">Spieler 1</span> <!-- Tisch hier ändern -->
            <span id="tisch1_spielstand" class="scoreboard-score">0 - 0</span> <!-- Tisch hier ändern -->
            <span id="tisch1_spieler2_name" class="scoreboard-player">Spieler 2</span> <!-- Tisch hier ändern -->
        </div>
        <div id="tisch1_disziplin_race_to" class="scoreboard-info">Disziplin Race-to 0</div> <!-- Tisch hier ändern -->
        <div class="scoreboard-liga-container">
            <div id="tisch1_liga" class="scoreboard-liga">Liga</div> <!-- Tisch hier ändern -->
        </div>
    </div>

    <!-- JavaScript für AJAX -->
    <script>
    function updateScoreboardTisch1() { // Tisch hier ändern
        let xhr = new XMLHttpRequest();
        xhr.open('GET', ajaxurl + '?action=get_score_tisch1', true); // Tisch hier ändern
        xhr.onload = function() {
            if (this.status == 200) {
                let data = JSON.parse(this.responseText);
                if (data.success) {
                    document.getElementById('tisch1_spieler1_name').innerText = data.data.spieler1_name; // Tisch hier ändern
                    document.getElementById('tisch1_spieler2_name').innerText = data.data.spieler2_name; // Tisch hier ändern
                    document.getElementById('tisch1_spielstand').innerText = data.data.spieler1_score + ' - ' + data.data.spieler2_score; // Tisch hier ändern
                    document.getElementById('tisch1_disziplin_race_to').innerText = data.data.disziplin + ' Race-to ' + data.data.race_to; // Tisch hier ändern
                    document.getElementById('tisch1_liga').innerText = data.data.liga; // Tisch hier ändern
                } else {
                    console.log('Fehler beim Abrufen der Daten');
                }
            }
        };
        xhr.send();
    }
    setInterval(updateScoreboardTisch1, 5000); // Aktualisierung alle 5 Sekunden // Tisch hier ändern
    </script>
</body>
</html>
