{{ define "page_login" }}
<section class="card narrow">
  <h1>Sign in to JiggaBlend</h1>
  {{ $view := .Data }}
  {{ if index $view "error" }}
  <div class="alert error">Login error: {{ index $view "error" }}</div>
  {{ end }}

  <div class="auth-grid">
    {{ if index $view "google_enabled" }}
    <a class="btn" href="/api/auth/google/login">Continue with Google</a>
    {{ end }}
    {{ if index $view "discord_enabled" }}
    <a class="btn" href="/api/auth/discord/login">Continue with Discord</a>
    {{ end }}
  </div>

  {{ if index $view "local_enabled" }}
  <div class="split">
    <form id="login-form" class="stack">
      <h2>Local Login</h2>
      <label>Email or Username<input type="text" name="username" required></label>
      <label>Password<input type="password" name="password" required></label>
      <button type="submit" class="btn primary">Login</button>
    </form>

    <form id="register-form" class="stack">
      <h2>Register</h2>
      <label>Name<input type="text" name="name" required></label>
      <label>Email<input type="email" name="email" required></label>
      <label>Password<input type="password" name="password" minlength="8" required></label>
      <button type="submit" class="btn">Register</button>
    </form>
  </div>
  {{ else }}
  <p>Local authentication is disabled.</p>
  {{ end }}

  <p id="auth-error" class="alert error hidden"></p>
</section>
{{ end }}