{% extends "public/base.html" %}
{% block title %}Create your account — {{ site.name }}{% endblock %}

{% block content %}
<div class="wrap auth">
  <div class="form-panel">
    <h2>Create your account</h2>
    <p class="muted" style="font-size:15px;margin-bottom:24px">For clients with a project underway or about to start.</p>
    <form method="post" novalidate>{% csrf_token %}
      <div class="two">
        <div class="field"><label for="first_name">First name</label>
          <input id="first_name" name="first_name" value="{{ values.first_name|default:'' }}">
          {% with msg=errors.first_name %}{% include "partials/error.html" %}{% endwith %}</div>
        <div class="field"><label for="last_name">Last name</label>
          <input id="last_name" name="last_name" value="{{ values.last_name|default:'' }}"></div>
      </div>
      <div class="field"><label for="email">Email</label>
        <input id="email" name="email" type="email" value="{{ values.email|default:'' }}">
        {% with msg=errors.email %}{% include "partials/error.html" %}{% endwith %}</div>
      <div class="two">
        <div class="field"><label for="phone">Phone</label>
          <input id="phone" name="phone" value="{{ values.phone|default:'' }}"></div>
        <div class="field"><label for="company">Company</label>
          <input id="company" name="company" value="{{ values.company|default:'' }}"></div>
      </div>
      <div class="field"><label for="password">Password</label>
        <input id="password" name="password" type="password">
        {% with msg=errors.password %}{% include "partials/error.html" %}{% endwith %}
        <p class="hint">At least 8 characters, not all numbers.</p></div>
      <div class="field"><label for="password_confirm">Confirm password</label>
        <input id="password_confirm" name="password_confirm" type="password">
        {% with msg=errors.password_confirm %}{% include "partials/error.html" %}{% endwith %}</div>
      <button class="btn btn-primary btn-block">Create account</button>
    </form>
    <p class="alt">Already registered? <a href="{% url 'login' %}">Log in</a></p>
  </div>
</div>
{% endblock %}