{{ define "content" }}
<div class="row justify-content-center">
  <div class="col-md-6 col-lg-4">
    <div class="card card-md">
      <div class="card-body">
        <h2 class="h2 text-center mb-2">Login</h2>
        <form method="post" action="/login">
          <input type="hidden" name="next" value="{{ .Next }}">
          <div class="mb-3">
            <label class="form-label">Username</label>
            <input class="form-control" name="username" autocomplete="username" required autofocus>
          </div>
          <div class="mb-3">
            <label class="form-label">Password</label>
            <input class="form-control" name="password" type="password" autocomplete="current-password" required>
          </div>
          <button class="btn btn-primary w-100" type="submit">Sign in</button>
        </form>
      </div>
    </div>
  </div>
</div>
{{ end }}

{{ template "layout" . }}