{% extends 'accounts/_layout.html' %}
{% block title %}Create an account | The Reverse Times{% endblock %}
{% block content %}
<div class="acct">
  <div class="acct-card">
    <p class="ds-label" style="margin-bottom:.6rem">The Reverse Times</p>
    <h1>Create your account</h1>
    <p class="acct-sub">Keep your magazines, orders and saved articles in one place — free.</p>
    {% include 'accounts/_google_button.html' with google_context='signup' %}
    {% for e in form.non_field_errors %}<div class="acct-alert" role="alert">{{ e }}</div>{% endfor %}
    <form method="post" novalidate>
      {% csrf_token %}
      <input type="hidden" name="next" value="{{ next }}">
      {% include 'accounts/_field.html' with field=form.name %}
      {% include 'accounts/_field.html' with field=form.email %}
      {% include 'accounts/_field.html' with field=form.phone %}
      {% include 'accounts/_field.html' with field=form.password1 %}
      {% include 'accounts/_field.html' with field=form.password2 %}
      {% include 'accounts/_field.html' with field=form.wants_newsletter %}
      {% include 'accounts/_field.html' with field=form.accept_terms %}
      <button type="submit" class="ds-btn ds-btn-primary acct-btn">Create account</button>
    </form>
    <div class="acct-links">
      <span class="acct-muted">Already have an account?</span>
      <a href="{% url 'account_login' %}{% if next %}?next={{ next|urlencode }}{% endif %}">Sign in</a>
    </div>
  </div>
</div>
{% endblock %}