<!doctype html>
<html lang="th">

<head>
  <meta charset="UTF-8" />

  <!-- Primary Meta Tags -->
  <title>Chongfah MIS - ระบบสารสนเทศเพื่อการจัดการโรงเรียนช่องฟ้าซินเซิงวาณิชบำรุง</title>
  <meta name="title" content="Chongfah MIS - ระบบสารสนเทศเพื่อการจัดการโรงเรียนช่องฟ้าซินเซิงวาณิชบำรุง" />
  <meta name="description" content="ระบบสารสนเทศเพื่อการจัดการโรงเรียนช่องฟ้าซินเซิงวาณิชบำรุง" />
  <meta name="keywords" content="โรงเรียนช่องฟ้า,ระบบสารสนเทศ,MIS" />
  <meta name="author" content="Chongfah Xinsheng Wanishbamrung School" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://mis.chongfah.ac.th/" />
  <meta property="og:title" content="Chongfah MIS - ระบบสารสนเทศโรงเรียนช่องฟ้าซินเซิงวาณิชบำรุง" />
  <meta property="og:description"
    content="ระบบสารสนเทศเพื่อการจัดการโรงเรียนช่องฟ้าซินเซิงวาณิชบำรุง - งานธุรการออนไลน์" />
  <meta property="og:image" content="https://mis.chongfah.ac.th/icon-512.png" />
  <meta property="og:image:width" content="512" />
  <meta property="og:image:height" content="512" />
  <meta property="og:locale" content="th_TH" />
  <meta property="og:site_name" content="Chongfah MIS" />

  <!-- Twitter -->
  <meta property="twitter:card" content="summary_large_image" />
  <meta property="twitter:url" content="https://mis.chongfah.ac.th/" />
  <meta property="twitter:title" content="Chongfah MIS - ระบบสารสนเทศโรงเรียนช่องฟ้าซินเซิงวาณิชบำรุง" />
  <meta property="twitter:description" content="ระบบสารสนเทศเพื่อการจัดการโรงเรียนช่องฟ้าซินเซิงวาณิชบำรุง" />
  <meta property="twitter:image" content="https://mis.chongfah.ac.th/icon-512.png" />

  <!-- Favicon & Icons -->
  <link rel="icon" type="image/webp" href="/logo_title.webp" />
  <link rel="icon" type="image/png" sizes="32x32" href="/icon-192.png" />
  <link rel="icon" type="image/png" sizes="16x16" href="/icon-192.png" />
  <link rel="shortcut icon" href="/logo_title.webp" />

  <!-- 🚀 PWA Meta Tags -->
  <link id="pwa-manifest" rel="manifest" href="/manifest.json" />
  <script>
    (function selectPwaManifest() {
      var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
      if (!isMobile) return;

      var manifest = document.getElementById('pwa-manifest');
      if (manifest) {
        manifest.setAttribute('href', '/manifest-mobile.json');
      }
    })();
  </script>
  <meta name="theme-color" content="#3b82f6" />
  <meta name="theme-color" media="(prefers-color-scheme: light)" content="#3b82f6" />
  <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1e40af" />

  <!-- iOS PWA Support -->
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="default" />
  <meta name="apple-mobile-web-app-title" content="Chongfah MIS" />
  <link rel="apple-touch-icon" href="/icon-192.svg" />
  <link rel="apple-touch-icon" sizes="180x180" href="/icon-192.svg" />

  <!-- Android PWA Support -->
  <meta name="mobile-web-app-capable" content="yes" />
  <meta name="application-name" content="Chongfah MIS" />

  <!-- Windows PWA Support -->
  <meta name="msapplication-TileColor" content="#3b82f6" />
  <meta name="msapplication-TileImage" content="/icon-192.png" />
  <meta name="msapplication-config" content="/browserconfig.xml" />

  <!-- Security & Performance -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="referrer" content="strict-origin-when-cross-origin" />
  <meta name="format-detection" content="telephone=no" />

  <!-- Preconnect to external domains -->
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

  <!-- DNS Prefetch for faster loading -->
  <link rel="dns-prefetch" href="//fonts.googleapis.com" />
  <link rel="dns-prefetch" href="//fonts.gstatic.com" />

  <!-- Structured Data -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "EducationalOrganization",
    "name": "โรงเรียนช่องฟ้าซินเซิงวาณิชบำรุง",
    "alternateName": "Chongfah Xinsheng Wanishbamrung School",
    "url": "https://mis.chongfah.ac.th",
    "logo": "https://mis.chongfah.ac.th/icon-512.png",
    "description": "ระบบสารสนเทศเพื่อการจัดการโรงเรียนช่องฟ้าซินเซิงวาณิชบำรุง",
    "address": {
      "@type": "PostalAddress",
      "addressLocality": "เชียงใหม่",
      "addressCountry": "TH"
    }
  }
  </script>
  <script type="module" crossorigin src="/assets/main-B5ixYVW9.js"></script>
  <link rel="modulepreload" crossorigin href="/assets/rolldown-runtime-jpDsebLB.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-ZeZviJNd.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-firebase-C5wmswbJ.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-react-core-Cb9pS5-5.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-utils-Dt4Bd5MD.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-i18n-C6BP6F-_.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-icons-CeL86zgW.js">
  <link rel="stylesheet" crossorigin href="/assets/main-B8p_u-ED.css">
</head>

<body>
  <header style="display: none;">
    <h1>Chongfah MIS - ระบบสารสนเทศเพื่อการจัดการโรงเรียนช่องฟ้าซินเซิงวาณิชบำรุง</h1>
  </header>

  <main>
    <div id="root"></div>
  </main>


  <!-- Fallback for users with JavaScript disabled -->
  <noscript>
    <div style="text-align: center; padding: 50px; font-family: Arial, sans-serif;">
      <h2>JavaScript Required</h2>
      <p>กรุณาเปิดใช้งาน JavaScript ในเบราว์เซอร์เพื่อใช้งานระบบ</p>
      <p>Please enable JavaScript in your browser to use this application.</p>
    </div>
  </noscript>
</body>

</html>
