Update templates

templates

@@ -1,45 +1,66 @@
-<div id="race-track" class="space-y-4 mb-10 bg-black/40 p-6 rounded-[2rem] border border-white/5">
-    </div>
-
-<div id="betting-area" class="grid grid-cols-2 sm:grid-cols-4 gap-4">
-    </div>
-
-<script>
-    // ... dein Socket-Setup ...
-
-    socket.on('update_table', (data) => {
-        const track = document.getElementById('race-track');
-        track.innerHTML = data.game.horses.map(h => `
-            <div class="relative w-full h-8 bg-gray-800 rounded-full overflow-hidden border border-white/5">
-                <div id="horse-${h.id}" class="absolute h-full transition-all duration-100 flex items-center justify-end px-2" 
-                     style="width: ${h.pos}%; background-color: ${h.color}; border-radius: 20px;">
-                     <span class="text-[10px] font-black text-black">🐎</span>
-                </div>
-            </div>
-        `).join('');
-        
-        // Buttons für Wetten generieren
-        const betArea = document.getElementById('betting-area');
-        betArea.innerHTML = data.game.horses.map(h => `
-            <button onclick="placeBet(${h.id})" class="p-4 rounded-2xl border border-white/10 hover:border-yellow-500 transition-all text-center">
-                <div class="w-4 h-4 rounded-full mx-auto mb-2" style="background: ${h.color}"></div>
-                <span class="text-[10px] font-black uppercase tracking-widest">${h.name}</span>
-            </button>
-        `).join('');
-    });
-
-    function placeBet(id) {
-        socket.emit('place_bet', {email: myEmail, horse_id: id});
-    }
-
-    socket.on('race_progress', (data) => {
-        data.horses.forEach(h => {
-            const el = document.getElementById(`horse-${h.id}`);
-            if(el) el.style.width = h.pos + "%";
-        });
-    });
-
-    socket.on('race_over', (data) => {
-        alert("SIEG: " + data.winner + " gewinnt das Rennen!");
-    });
-</script>
+from flask import Flask, render_template, request, jsonify
+from flask_socketio import SocketIO, emit
+import random
+
+app = Flask(__name__)
+# WICHTIG: cors_allowed_origins="*" erlaubt deiner Webseite den Zugriff auf HF
+socketio = SocketIO(app, cors_allowed_origins="*", async_mode='eventlet')
+
+players = {}
+game_state = {
+    "racing": False,
+    "pott": 0,
+    "current_bet": 50,
+    "horses": [
+        {"id": 0, "name": "Gelb", "pos": 0, "color": "#FFD700"},
+        {"id": 1, "name": "Grün", "pos": 0, "color": "#32CD32"},
+        {"id": 2, "name": "Silber", "pos": 0, "color": "#C0C0C0"},
+        {"id": 3, "name": "Rot", "pos": 0, "color": "#DC143C"}
+    ]
+}
+
+@app.route('/')
+def index():
+    return render_template('index.html')
+
+@app.route('/login', methods=['POST'])
+def login():
+    data = request.json
+    email = data.get('email')
+    if email not in players:
+        players[email] = {"email": email, "coins": 1000, "bet_on": None}
+    return jsonify({"stats": players[email]})
+
+@socketio.on('join_game')
+def join(data):
+    emit('update_table', {"game": game_state, "players": list(players.values())}, broadcast=True)
+
+@socketio.on('place_bet')
+def place_bet(data):
+    email = data.get('email')
+    h_id = int(data.get('horse_id'))
+    if email in players and not game_state["racing"]:
+        players[email]["bet_on"] = h_id
+        game_state["pott"] += game_state["current_bet"]
+        players[email]["coins"] -= game_state["current_bet"]
+        emit('update_table', {"game": game_state, "players": list(players.values())}, broadcast=True)
+
+@socketio.on('start_round') # Oder über Admin-Button
+def start_race(data):
+    if game_state["racing"]: return
+    game_state["racing"] = True
+    winner = None
+    while not winner:
+        for h in game_state["horses"]:
+            h["pos"] += random.uniform(1, 5)
+            if h["pos"] >= 100: winner = h
+        socketio.emit('race_progress', {"horses": game_state["horses"]})
+        socketio.sleep(0.1)
+    
+    socketio.emit('race_over', {"winner": winner["name"]})
+    # Reset Logik hier...
+    game_state["racing"] = False
+
+if __name__ == '__main__':
+    # Port 7860 ist für HF zwingend!
+    socketio.run(app, host='0.0.0.0', port=7860)