<div class="card">
  <div class="text-center mb-6">
    <h3 class="mb-1">Tasyakuran NFBS</h3>
    <p class="text-sm text-body">Masuk untuk mengelola undangan.</p>
  </div>

  <form action="/auth/login" method="POST" class="space-y-4">
    <div>
      <label class="label">Email</label>
      <input type="email" name="email" required class="input" autofocus placeholder="admin@nfbs.local" />
    </div>
    <div>
      <label class="label">Password</label>
      <input type="password" name="password" required class="input" placeholder="••••••••" />
    </div>
    <button type="submit" class="btn-primary w-full">Login</button>
  </form>

  <% if (googleEnabled) { %>
    <div class="my-5 flex items-center gap-3">
      <div class="flex-1 h-px bg-hairline"></div>
      <span class="text-xs text-mute">atau</span>
      <div class="flex-1 h-px bg-hairline"></div>
    </div>
    <a href="/auth/google" class="btn-secondary w-full">Login dengan Google</a>
  <% } %>
</div>
