{% extends "base.jinja2" %}

{% block title %}UnderCover - Create Account{% endblock title %}

{% block head %}
<style>
  form {
    display: flex;
    flex-direction: column;
  }
  form div {
    margin-top: 2em;
  }
  form a.wipe {
    margin-left: inherit;
    margin-top: 4em;
    text-align: center;
  }
</style>
{% endblock head %}

{% block content %}
  <form action="/create_account" method="post" id="create-account-form">
    <div>
      <label for="login">Email: </label>
      <input id="login" maxlength="32" minlength="4" name="login" type="text" placeholder="sage@sagev.space">
    </div>

    <div>
      <label for="password">Password: </label>
      <input id="password" maxlength="32" minlength="4" name="password" type="password">
    </div>

    <a href="javascript:void(0)"
      class="wipe up-wipe"
      {% if errors %}
      onclick="/*clearErrors();*/document.getElementById('create-account-form').submit()"
      {% else %}
      onclick="document.getElementById('create-account-form').submit()"
      {% endif %}
    >Create Account</a>
  </form>

  {% if errors %}
    <div id=errors>
      <h3>Error while logging in:</h3>
      <p class=errors>
        {% for error in errors %}
          {{ error }}<br>
        {% endfor %}
      </p>
    </div>
  {% endif %}

{% endblock content %}