signup.jinja2

{% extends "layout.jinja2" %}
{% block pagestyles %}
<link href="{{ url_for('static', filename='dist/css/account.css') }}" rel="stylesheet" type="text/css">
{% endblock %}
{% block content %}
<div class="form-wrapper">
  <div class="logo">
    <img src="{{ url_for('static', filename='dist/img/logo@2x.png') }}" alt="logo" />
  </div>
  {% for message in get_flashed_messages() %}
  <div class="alert alert-warning">
    <button type="button" class="close" data-dismiss="alert">&times;</button>
    {{ message }}
  </div>
  {% endfor %}
  <h1>Sign Up</h1>
  <form method="POST" action="/signup">
    {{ form.csrf_token }}
    <fieldset class="name">
      {{ form.user_name.label }}
      {{ form.user_name(placeholder='John Smith') }}
      {% if form.user_name.errors %}
      <ul class="errors">
        {% for error in form.user_email.errors %}
        <li>{{ error }}</li>{% endfor %}
      </ul>
      {% endif %}
    </fieldset>
    <fieldset class="email">
      {{ form.user_email.label }}
      {{ form.user_email(placeholder='youremail@example.com') }}
      {% if form.user_email.errors %}
      <ul class="errors">
        {% for error in form.user_email.errors %}
        <li>{{ error }}</li>{% endfor %}
      </ul>
      {% endif %}
    </fieldset>
    <fieldset class="password">
      {{ form.user_password.label }}
      {{ form.user_password }}
      {% if form.user_password.errors %}
      <ul class="errors">
        {% for error in form.user_password.errors %}
        <li>{{ error }}</li>{% endfor %}
      </ul>
      {% endif %}
    </fieldset>
    <fieldset class="confirm">
      {{ form.user_password_confirm.label }}
      {{ form.user_password_confirm }}
      {% if form.user_password_confirm.errors %}
      <ul class="errors">
        {% for error in form.user_password_confirm.errors %}
        <li>{{ error }}</li>{% endfor %}
      </ul>
      {% endif %}
    </fieldset>
    <fieldset class="website">
      {{ form.user_metadata_website.label }}
      {{ form.user_metadata_website(placeholder='http://example.com') }}
    </fieldset>
    <div class="submit-button">
      {{ form.submit_button }}
    </div>
  </form>
  <div class="login-signup">
    <span>Already have an account? <a href="{{ url_for('auth.login') }}">Log in.</a></span>
  </div>
</div>
{% endblock %}