<%- include('_header'); -%>


<style>
  .login-card {
    width: 420px;
    background-color: #F7F7F7;
    margin: 0 auto 10px;
    border-radius: 2px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    overflow: hidden;
  }
</style>

<div class="card login-card">
  <div class="card-content">
    <p class="title">
      登录 Tailchat
    </p>

    <div class="content">
      <form autocomplete="off" action="/open/interaction/<%= uid %>/login" method="post">
        <div class="control">
          <input class="input" name="email" required type="text" placeholder="邮箱" />
        </div>
        <div class="control">
          <input class="input" name="password" required type="password" placeholder="密码">
        </div>

        <button type="submit" class="button is-info is-fullwidth">登录</button>
      </form>
    </div>
  </div>
</div>


<%- include('_footer'); -%>
