{% extends 'base.html' %}

{% block title %}Create an Account{% endblock %}
{% block description %}Create a new account.{% endblock %}
{% block bodytag %}register{% endblock %}

{% block body %}
  <div class="container custom-container">
    <div class="va-wrapper">
      <div class="view registration-view container">
        <div class="box row">
          <div class="col-sm-12">
            <div class="header">
              <span>Create an Account</span>
            </div>
            <form class="registration-form form-horizontal sp-form" role="form" method="post">
              {{ form.hidden_tag() }}
              {% with messages = get_flashed_messages() %}
                {% if messages %}
                  <div class="alert alert-danger">
                    {% for message in messages %}
                      {{ message }}
                    {% endfor %}
                  </div>
                {% endif %}
              {% endwith %}
              <div class="form-group group-email" form-group>
                <label class="col-sm-4">Email</label>
                <div class="col-sm-8">
                  {{ form.email(class='form-control', placeholder='Email', required='true', type='email') }}
                </div>
              </div>
              <div class="form-group group-password" form-group>
                <label class="col-sm-4">Password</label>
                <div class="col-sm-8">
                  {{ form.password(class='form-control', placeholder='Password', required='true', type='password') }}
                </div>
              </div>
              <button class="btn btn-register btn-sp-green" type="submit">Create Account</button>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
{% endblock %}
