Update authorize for google & github

templates/login.html

@@ -104,12 +104,12 @@
         </button>
       </form>
       <div class="flex justify-center gap-4 mt-4 flex-wrap">
-        <a id="googleLoginBtn" href="/auth/google" class="inline-flex items-center bg-gradient-to-r from-white to-gray-200 text-gray-800 px-6 py-3 rounded-full font-semibold hover:scale-105 transition-transform">
+        <button id="googleLoginBtn" class="inline-flex items-center bg-gradient-to-r from-white to-gray-200 text-gray-800 px-6 py-3 rounded-full font-semibold hover:scale-105 transition-transform">
           Login with Google <i class="bx bxl-google ml-2"></i>
-        </a>
-        <a id="githubLoginBtn" href="/auth/github" class="inline-flex items-center bg-gradient-to-r from-gray-800 to-black text-white px-6 py-3 rounded-full font-semibold hover:scale-105 transition-transform">
+        </button>
+        <button id="githubLoginBtn" class="inline-flex items-center bg-gradient-to-r from-gray-800 to-black text-white px-6 py-3 rounded-full font-semibold hover:scale-105 transition-transform">
           Login with GitHub <i class="bx bxl-github ml-2"></i>
-        </a>
+        </button>
       </div>
       <p class="mt-4">Don't have an account? <a href="/register" class="text-emerald-300 hover:underline">Register</a></p>
       <p id="errorMsg" class="text-red-500 mt-4 hidden"></p>
@@ -194,8 +194,6 @@
     const loginBtn = document.getElementById('loginBtn');
     const spinner = document.getElementById('spinner');
     const errorMsg = document.getElementById('errorMsg');
-
-    // Handle email/password login
     loginForm.addEventListener('submit', async (e) => {
       e.preventDefault();
       spinner.classList.remove('hidden');
@@ -218,27 +216,60 @@
         spinner.classList.add('hidden');
         errorMsg.textContent = 'An error occurred. Please try again.';
         errorMsg.classList.remove('hidden');
-        console.error('Error during login:', error);
       }
     });
-
-    // Handle card details toggle
     function showCardDetails(cardId) {
       document.getElementById(`${cardId}-details`).classList.remove('hidden');
     }
-
     function closeCardDetails(cardId) {
       document.getElementById(`${cardId}-details`).classList.add('hidden');
     }
-
-    // Service Worker for PWA
+    // Google Login
+    document.getElementById('googleLoginBtn').addEventListener('click', async () => {
+      try {
+        const response = await fetch('/auth/google/authorize');
+        const data = await response.json();
+        if (data.authorization_url) {
+          window.location.href = data.authorization_url;
+        } else {
+          console.error('No authorization URL received');
+          errorMsg.textContent = 'Error starting Google login. Try again.';
+          errorMsg.classList.remove('hidden');
+        }
+      } catch (error) {
+        console.error('Error initiating Google login:', error);
+        errorMsg.textContent = 'Error starting Google login. Try again.';
+        errorMsg.classList.remove('hidden');
+      }
+    });
+    // GitHub Login
+    document.getElementById('githubLoginBtn').addEventListener('click', async () => {
+      try {
+        const response = await fetch('/auth/github/authorize');
+        const data = await response.json();
+        if (data.authorization_url) {
+          window.location.href = data.authorization_url;
+        } else {
+          console.error('No authorization URL received');
+          errorMsg.textContent = 'Error starting GitHub login. Try again.';
+          errorMsg.classList.remove('hidden');
+        }
+      } catch (error) {
+        console.error('Error initiating GitHub login:', error);
+        errorMsg.textContent = 'Error starting GitHub login. Try again.';
+        errorMsg.classList.remove('hidden');
+      }
+    });
+    // تسجيل Service Worker لتفعيل الـ PWA
     if ('serviceWorker' in navigator) {
       navigator.serviceWorker.register('/static/js/sw.js')
-        .then(reg => console.log('✅ Service Worker Registered', reg))
-        .catch(err => console.error('❌ Service Worker registration failed', err));
+        .then(function(reg) {
+          console.log('✅ Service Worker Registered', reg);
+        }).catch(function(err) {
+          console.error('❌ Service Worker registration failed', err);
+        });
     }
-
-    // Handle PWA install prompt
+    // التعامل مع حدث beforeinstallprompt لتثبيت التطبيق
     let deferredPrompt;
     window.addEventListener('beforeinstallprompt', (e) => {
       e.preventDefault();