{{define "title"}}{{end}}

{{define "body"}}
<h4>Log in</h4>

<div class="alert alert-info">
  Log in using your Matrix credentials on {{ .MatrixDomain }}
</div>

<form method="POST">
  {{if .WrongPass}}
    <div class="alert alert-danger">Wrong password.</div>
  {{end}}
  {{if .ErrorMessage}}
    <div class="alert alert-danger">Unable to log in.
      <div style="font-size: 0.8em">{{ .ErrorMessage }}</div>
    </div>
  {{end}}
  <div class="form-group">
    <label for="username">Username:</label>
    <input type="text" name="username" id="username" class="form-control" value="{{ .Username }}" />
  </div>
  <div class="form-group">
    <label for="password">Password:</label>
    <input type="password" name="password" id="password" class="form-control" />
  </div>
  <button type="submit" class="btn btn-primary">Log in</button>
</form>

{{end}}