{{define "navigation"}} {{end}} {{define "content"}}
<section class="content-section">
  <div class="container">
    <div class="row">
      <div class="col-4 mx-auto">
        {{if .MsgType}}
        <div class="alert {{.MsgType}}" role="alert">{{.Message}}</div>
        {{end}}

        <div class="card">
          <div class="card-header">
            <h3>Login</h3>
          </div>
          <div class="card-body">
            <form action="/login" method="post">
              <div class="mb-3">
                <label class="form-label" for="username">Username</label>
                <input
                  class="form-control"
                  type="text"
                  id="username"
                  name="username"
                  required
                  autofocus
                />
              </div>
              <div class="mb-3">
                <label class="form-label" for="password">Password</label>
                <input
                  class="form-control"
                  type="password"
                  id="password"
                  name="password"
                  required
                />
              </div>
              <button type="submit" class="btn btn-success">Submit</button>
              <input
                type="hidden"
                id="redirect"
                name="redirect"
                value="{{ .Redirect }}"
              />
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
{{end}}
