<!doctype html>
<html lang="tr" class="dark">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
  <title>Akademik Asistan | Öğrenci & Öğretmen Portalı</title>
  
  <!-- PWA Meta Tags -->
  <meta name="description" content="Yapay zeka destekli akademik yönetim platformu. Ders programı, sınavlar, notlar, ödevler ve daha fazlası." />
  <meta name="theme-color" content="#3b82f6" media="(prefers-color-scheme: light)" />
  <meta name="theme-color" content="#0f172a" media="(prefers-color-scheme: dark)" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
  <meta name="apple-mobile-web-app-title" content="Akademik" />
  <meta name="mobile-web-app-capable" content="yes" />
  <meta name="application-name" content="Akademik Asistan" />
  <meta name="msapplication-TileColor" content="#3b82f6" />
  <meta name="msapplication-tap-highlight" content="no" />
  
  <!-- Open Graph / Social -->
  <meta property="og:type" content="website" />
  <meta property="og:title" content="Akademik Asistan" />
  <meta property="og:description" content="Yapay zeka destekli akademik yönetim platformu" />
  <meta property="og:site_name" content="Akademik Asistan" />
  <meta property="og:locale" content="tr_TR" />
  
  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="Akademik Asistan" />
  <meta name="twitter:description" content="Yapay zeka destekli akademik yönetim platformu" />
  
  <!-- Icons -->
  <link rel="icon" type="image/png" href="/assets/logo_final_v4-BlZ6wyfX.png" />
  <link rel="apple-touch-icon" href="/icon-192x192.png" />
  <link rel="apple-touch-icon" sizes="152x152" href="/icon-152x152.png" />
  <link rel="apple-touch-icon" sizes="180x180" href="/icon-192x192.png" />
  <link rel="apple-touch-icon" sizes="167x167" href="/icon-192x192.png" />
  
  <!-- PWA Manifest -->
  <link rel="manifest" href="/manifest.json" />
  
  <!-- Preconnect for performance -->
  <link rel="preconnect" href="https://egbjtfktnrrwfmkckkwz.supabase.co" />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link rel="dns-prefetch" href="https://akademik-assistant-api.csmutlu10.workers.dev" />
  
  <script>
    // Prevent theme flash on load
    (function () {
      var theme = localStorage.getItem('aa_web_theme');
      if (theme === 'light') {
        document.documentElement.classList.remove('dark');
        document.body && document.body.classList.add('theme-light');
      }
    })();
  </script>
  <style>
    /* Prevent FOUC (Flash of Unstyled Content) and white screen */
    html,
    body,
    #root {
      margin: 0;
      padding: 0;
      min-height: 100vh;
    }

    html.dark body,
    html.dark #root {
      background: #050507;
    }

    html:not(.dark) body,
    html:not(.dark) #root {
      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);
      background-attachment: fixed;
    }
  </style>
  <script type="module" crossorigin src="/assets/index-CmgLd5Sy.js"></script>
  <link rel="modulepreload" crossorigin href="/assets/vendor-crypto-CoslMxlt.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-react-DHXQv3F7.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-supabase-6LBDK-SU.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-icons-MBy9mCD_.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-utils-DZmF7-vO.js">
  <link rel="stylesheet" crossorigin href="/assets/index-BdhfLOO8.css">
</head>

<body>
  <div id="root"></div>
  
  <!-- Service Worker Registration -->
  <script>
    if ('serviceWorker' in navigator) {
      window.addEventListener('load', function() {
        navigator.serviceWorker.register('/sw.js')
          .then(function(registration) {
            console.log('[PWA] Service Worker registered:', registration.scope);
            
            // Check for updates
            registration.addEventListener('updatefound', function() {
              const newWorker = registration.installing;
              if (newWorker) {
                newWorker.addEventListener('statechange', function() {
                  if (newWorker.state === 'installed' && navigator.serviceWorker.controller) {
                    // New version available
                    console.log('[PWA] New version available');
                    // You could show a toast here to prompt user to refresh
                  }
                });
              }
            });
          })
          .catch(function(error) {
            console.warn('[PWA] Service Worker registration failed:', error);
          });
      });
    }
  </script>
<!-- Cloudflare Pages Analytics --><script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "70d18e9e70f1409197d8ea649f92fb0b"}'></script><!-- Cloudflare Pages Analytics --></body>

</html>