AkurAI-CRM / site/frontend/index.html

Latest change 5a39d9999089a19dada74875fd8c5c7c47f08bac - feat: OIDC auth via AkurAI IDP by Ólafur B. J.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Sign in — AkurAI-CRM</title>
  <link rel="stylesheet" href="styles.css">
  <link rel="stylesheet" href="themes.css">
  <script>(function(){try{var t=localStorage.getItem("akurai-theme");if(!t)t=matchMedia("(prefers-color-scheme: light)").matches?"akurai-light":"akurai";document.documentElement.setAttribute("data-theme",t);}catch(e){}})()</script>
  <script type="module" src="theme.js"></script>
</head>
<body>
  <div class="login-page">
    <div class="login-card slide-up">
      <div class="login-brand">
        <div class="brand-icon">A</div>
        <h1>AkurAI-CRM</h1>
        <p>Sign in to your workspace</p>
      </div>

      <div class="login-error" id="login-error"></div>

      <button class="btn btn-primary btn-lg" type="button" style="width:100%;justify-content:center;" id="signin-btn">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:18px;height:18px;margin-right:8px;"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"/><polyline points="10 17 15 12 10 7"/><line x1="15" y1="12" x2="3" y2="12"/></svg>
        Sign in with AkurAI
      </button>

      <div class="login-footer">
        <a href="https://auth.olibuijr.com">Manage your account</a>
      </div>
    </div>
  </div>

  <script type="module">
    document.getElementById('signin-btn').addEventListener('click', () => {
      window.location.href = '/auth/login';
    });

    // Show error if redirected back with auth_error
    const params = new URLSearchParams(window.location.search);
    if (params.get('auth_error') === '1') {
      const el = document.getElementById('login-error');
      el.textContent = 'Authentication failed. Please try again.';
      el.style.display = 'block';
    }
    if (params.get('session_expired') === '1') {
      const el = document.getElementById('login-error');
      el.textContent = 'Your session has expired. Please sign in again.';
      el.style.display = 'block';
    }
  </script>
</body>
</html>