{{define "content"}}
<h1>Log In</h1>
{{if .Error}}<div class="error">{{.Error}}</div>{{end}}
{{if .Success}}<div class="success">{{.Success}}</div>{{end}}
{{if .OAuthLinks}}
<div class="oauth-buttons">
  {{range .OAuthLinks}}
  <a href="{{.URL}}" class="oauth-btn">Sign in with {{.Name}}</a>
  {{end}}
</div>
<div class="divider"><span>or</span></div>
{{end}}
<form method="POST" action="/login">
  <label for="email">Email</label>
  <input type="email" id="email" name="email" required>
  <label for="password">Password</label>
  <input type="password" id="password" name="password" required>
  <button type="submit">Log In</button>
</form>
<div class="link">
  <a href="/register">Don't have an account? Register</a>
</div>
{{end}}