<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Prism Admin</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="theme-color" content="#60c5ff">
  <link rel="icon" type="image/webp" href="/favicon.webp">
  <link rel="manifest" href="/manifest.json">
  <link rel="stylesheet" href="/index.css?v={{.Version}}">
  <script src="/htmx.min.js"></script>
  <script src="/theme.js?v={{.Version}}"></script>
  <script src="/toast.js?v={{.Version}}"></script>
  <script src="/integration.js?v={{.Version}}"></script>
</head>
<body>
  <details class="card" open>
    <summary class="card-header">
      <span class="integration-name">Registered Apps</span>
    </summary>
    <div id="apps-list" class="card-content"
         hx-get="/fragment/apps" 
         hx-trigger="load">
      <div class="loading">
        <div class="spinner"></div>
      </div>
    </div>
  </details>

  <div id="integrations"
       hx-get="/fragment/integrations"
       hx-trigger="load, reload">
  </div>

  <div id="toast-container"></div>

  <button type="button" id="theme-toggle" class="theme-toggle"></button>
</body>
</html>
