Timer arred

mbetterclient/qt_player/templates/match.html

@@ -885,48 +885,47 @@
             ];
         }
         
-        // Find next match and start countdown (same as fixtures.html)
-        function findNextMatchAndStartCountdown() {
-            if (!fixturesData || fixturesData.length === 0) {
-                return;
-            }
+        // Get timer state and start countdown (same as fixtures.html)
+        async function getTimerStateAndStartCountdown() {
+            console.log('🔍 DEBUG: getTimerStateAndStartCountdown called');
 
-            // Clear any existing countdown
-            if (countdownInterval) {
-                clearInterval(countdownInterval);
-                countdownInterval = null;
-            }
+            try {
+                // Get timer state from WebChannel
+                const timerStateJson = await window.overlay.getTimerState();
+                console.log('🔍 DEBUG: Raw timer state JSON:', timerStateJson);
+                const timerState = JSON.parse(timerStateJson);
 
-            const now = new Date();
-            let nextMatch = null;
-            let earliestTime = null;
-
-            // Find the match with the earliest start time that hasn't started yet
-            for (const match of fixturesData) {
-                if (match.start_time) {
-                    const startTime = new Date(match.start_time);
-                    if (startTime > now && (!earliestTime || startTime < earliestTime)) {
-                        earliestTime = startTime;
-                        nextMatch = match;
-                    }
+                console.log('🔍 DEBUG: Parsed timer state:', timerState);
+
+                // Clear any existing countdown
+                if (countdownInterval) {
+                    clearInterval(countdownInterval);
+                    countdownInterval = null;
                 }
-            }
 
-            if (nextMatch && earliestTime) {
-                nextMatchStartTime = earliestTime;
+                if (timerState.running && timerState.remaining_seconds > 0) {
+                    // Timer is running, show countdown
+                    nextMatchStartTime = new Date(Date.now() + (timerState.remaining_seconds * 1000));
 
-                // Show next match info
-                const nextMatchInfo = document.getElementById('nextMatchInfo');
-                const fighter1 = nextMatch.fighter1_township || nextMatch.fighter1 || 'Fighter 1';
-                const fighter2 = nextMatch.fighter2_township || nextMatch.fighter2 || 'Fighter 2';
-                nextMatchInfo.textContent = `Next: ${fighter1} vs ${fighter2}`;
-                nextMatchInfo.style.display = 'block';
+                    // Show next match info (generic message since we don't know which match)
+                    const nextMatchInfo = document.getElementById('nextMatchInfo');
+                    nextMatchInfo.textContent = `Next match starting in:`;
+                    nextMatchInfo.style.display = 'block';
+                    console.log('🔍 DEBUG: Timer countdown displayed');
 
-                // Start countdown
-                updateCountdown();
-                countdownInterval = setInterval(updateCountdown, 1000);
-            } else {
-                // No upcoming matches, hide countdown
+                    // Start countdown
+                    updateCountdown();
+                    countdownInterval = setInterval(updateCountdown, 1000);
+                    console.log('🔍 DEBUG: Countdown started with timer state');
+                } else {
+                    // No active timer, hide countdown
+                    document.getElementById('nextMatchInfo').style.display = 'none';
+                    document.getElementById('countdownTimer').style.display = 'none';
+                    console.log('🔍 DEBUG: No active timer, countdown hidden');
+                }
+            } catch (error) {
+                console.log('🔍 DEBUG: Failed to get timer state:', error);
+                // Fallback: hide countdown
                 document.getElementById('nextMatchInfo').style.display = 'none';
                 document.getElementById('countdownTimer').style.display = 'none';
             }
@@ -1103,8 +1102,8 @@
             matchContent.style.display = 'block';
             debugTime('Match rendered and displayed');
 
-            // Find next match and start countdown
-            findNextMatchAndStartCountdown();
+            // Get timer state and start countdown
+            getTimerStateAndStartCountdown();
             debugTime('Countdown initialization completed');
         }