From 68916a6f8951b140cf42a277ceb88d6b72a70d40 Mon Sep 17 00:00:00 2001
From: Quality App System <quality@moto-adv.com>
Date: Mon, 19 Jan 2026 21:42:45 +0200
Subject: [PATCH] Debug: Add console logging to diagnose theme toggle issue

- Added detailed console logs to track theme toggle initialization
- Logs will help identify why button doesn't work on non-fg_scan pages
- Temporary debug code to be removed after fix
---
 py_app/app/static/script.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/py_app/app/static/script.js b/py_app/app/static/script.js
index 2441de7..60bab81 100644
--- a/py_app/app/static/script.js
+++ b/py_app/app/static/script.js
@@ -25,6 +25,8 @@ const safeStorage = {
 };
 
 document.addEventListener('DOMContentLoaded', () => {
+    console.log('🔧 script.js DOMContentLoaded fired');
+    
     const reportButtons = document.querySelectorAll('.report-btn');
     const reportTitle = document.getElementById('report-title');
     const reportTable = document.getElementById('report-table');
@@ -32,6 +34,8 @@ document.addEventListener('DOMContentLoaded', () => {
     const exportPdfButton = document.getElementById('export-pdf');
     const themeToggleButton = document.getElementById('theme-toggle');
     const body = document.body;
+    
+    console.log('🎨 Theme toggle button found:', themeToggleButton ? 'YES' : 'NO');
 
     // Helper function to update the theme toggle button text
     function updateThemeToggleButtonText() {
@@ -46,6 +50,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
     // Check and apply the saved theme from localStorage
     const savedTheme = safeStorage.getItem('theme');
+    console.log('💾 Saved theme from localStorage:', savedTheme);
     if (savedTheme) {
         body.classList.toggle('dark-mode', savedTheme === 'dark');
     }
@@ -55,11 +60,16 @@ document.addEventListener('DOMContentLoaded', () => {
 
     // Toggle the theme on button click
     if (themeToggleButton) {
+        console.log('✅ Adding click listener to theme toggle button');
         themeToggleButton.addEventListener('click', () => {
+            console.log('🖱️ Theme toggle button clicked!');
             const isDarkMode = body.classList.toggle('dark-mode');
             safeStorage.setItem('theme', isDarkMode ? 'dark' : 'light');
+            console.log('🎨 Theme changed to:', isDarkMode ? 'dark' : 'light');
             updateThemeToggleButtonText(); // Update the button text after toggling
         });
+    } else {
+        console.warn('⚠️ Theme toggle button not found - event listener not added');
     }
 
     // Date formatting is now handled consistently on the backend