{{template "header" .}}
<div class="container">
  <div class="flex flex-column align-items row py-md-5 mt-md-5">
    <h1>登录</h1>
    <div class="col-sm-4 py-md-5">
      <form action="/login" method="post">
        <div class="form-group">
          <div class="input-group">
            <div class="input-group-prepend">
              <span class="input-group-text">邮箱</span>
            </div>
            <input type="email" name="email" class="form-control" required id="email" value="{{.Email}}"
              aria-describedby="emailValid">
          </div>
          {{if .EmailErr}}
          <small id="emailValid" style="color: #f44336;" class="form-text">{{.EmailErr}}</small>
          {{end}}
        </div>
        <div class="form-group">
          <div class="input-group">
            <div class="input-group-prepend">
              <span class="input-group-text">密码</span>
            </div>
            <input type="password" name="password" class="form-control" required id="password" value="{{.Password}}"
              aria-describedby="passwordValid">
          </div>
          {{if .PasswordErr}}
          <small id="passwordValid" style="color: #f44336;" class="form-text">{{.PasswordErr}}</small>
          {{end}}
        </div>
        <button type="submit" class="btn btn-primary btn-block">提交</button>
      </form>
      {{if .Summary}}
      <div class="py-md-5" style="color: #f44336;">
        {{.Summary}}
      </div>
      {{end}}
    </div>
  </div>
</div>
{{template "footer" .}}