{{define "login.html"}}{{template "layout" .}}{{end}}
{{define "content"}}
<div class="row justify-content-center">
  <div class="col-md-5">
    <div class="card shadow-sm">
      <div class="card-body p-4">
        <h3 class="text-center mb-1">登录</h3>
        <p class="text-center login-slogan mb-4">拾三一隅，自在交流</p>
        <form id="loginForm">
          <div class="mb-3">
            <label class="form-label">用户名</label>
            <input type="text" name="username" class="form-control" required>
          </div>
          <div class="mb-3">
            <label class="form-label">密码</label>
            <input type="password" name="password" class="form-control" required>
          </div>
          <button type="submit" class="btn btn-success w-100">登录</button>
        </form>
        <p class="text-center mt-3 mb-0">还没有账号？<a href="/register">立即注册</a></p>
      </div>
    </div>
  </div>
</div>
{{end}}
{{define "scripts"}}
<script>
document.getElementById('loginForm').addEventListener('submit', function(e){
  e.preventDefault();
  apiPost('/api/login', this, true).then(d=>{
    if(d.error){ showToast(d.error,'danger'); return; }
    location.href='/';
  });
});
</script>
{{end}}