{{define "content"}}
<header class="masthead">
  <p class="masthead-kicker">Consulting Work Exchange</p>
  <p class="masthead-title">◈ {{.Brand}}</p>
  <p class="masthead-rule">❦</p>
</header>
<div class="card">
  <h1>Log in</h1>
  <div class="error-box" id="error" role="alert">{{.Error}}</div>
  <form id="login-form">
    <div class="field">
      <label for="email">Email</label>
      <input type="email" id="email" name="email" autocomplete="email" required>
    </div>
    <div class="field">
      <label for="password">Password</label>
      <input type="password" id="password" name="password" autocomplete="current-password" required>
    </div>
    <div class="spread">
      <button class="btn primary" type="submit">Log in</button>
      <span><a href="/forgot-password">Forgot password?</a> · <a href="/register">Create an account</a></span>
    </div>
  </form>
  {{if .OIDCEnabled}}
  <div class="mt">
    <a class="btn" href="/api/v1/auth/oidc/login">Continue with SSO</a>
  </div>
  {{end}}
</div>
{{end}}