{% extends "base.html" %}
{% block content %}
  <div class="column is-4 is-offset-4">
    <h3 class="title">注册</h3>
    <div class="box">
      {% with messages = get_flashed_messages() %}
        {% if messages %}
          <div class="notification is-danger">
            {{ messages[0] }}
            {% if messages[0] == '此邮箱已注册！' %}<a href="{{ url_for('auth.login') }}">点此登录</a>.{% endif %}
          </div>
        {% endif %}
      {% endwith %}
      <form method="post" action="{{ url_for('auth.signup') }}">
        <div class="field">
          <div class="control">
            <input class="input is-large"
                   type="email"
                   name="email"
                   placeholder="邮箱"
                   autofocus=""
                   required="required"/>
          </div>
        </div>
        <div class="field">
          <div class="control">
            <input class="input is-large"
                   type="password"
                   name="password"
                   placeholder="密码"
                   required="required"/>
          </div>
        </div>
        <div class="field">
          <div class="control">
            <input class="input is-large"
                   type="text"
                   name="name"
                   placeholder="昵称(可选)"
                   autofocus=""/>
          </div>
        </div>
        <button class="button is-block is-info is-large is-fullwidth">提交注册</button>
      </form>
    </div>
  </div>
{% endblock content %}