{% extends "registration/registration_base.html" %}

{% block page-title %}Sign up - {{ block.super }}{% endblock %}

{% block body-class %}{{ block.super }} static signup{% endblock %}

{% block content %}
  {% if request.user.is_authenticated %}
    <script type="text/javascript">document.location.href = '/';</script>
  {% else %}
    <form class="form-horizontal static-box" method="post" action=".">
      {% if form.errors %}
        {% if form.non_field_errors %}
          <div class="alert alert-error">
            {{ form.non_field_errors }}
          </div>
        {% else %}
          <div class="alert alert-error">
            Please fix the errors below.
          </div>
        {% endif %}
      {% endif %}
      <fieldset>
        <div class="info" style="line-height: 35px;">
          Create an account for a one-time fee of <span>$5</span>.<br />
          <small style="font-size: 14px; color: #C0C0C0;">Fully refundable within 3 days of signup. All ads removed for paid accounts.</small>
        </div>
        <div style="padding-top: 30px;" class="control-group {% if form.errors.username %}error{% endif %}">
          <label class="control-label" for="id_username">Username</label>
          <div class="controls">
            {{ form.username }}
            {% if form.errors.username %}
              <span class="help-inline">
                {% for error in form.errors.username  %}
                  {{ error }}
                {% endfor %}
              </span>
            {% endif %}
          </div>
        </div>
        <div class="control-group {% if form.errors.email %}error{% endif %}">
          <label class="control-label" for="id_email">Email address</label>
          <div class="controls">
            {{ form.email }}
            {% if form.errors.email %}
              <span class="help-inline">
                {% for error in form.errors.email  %}
                  {{ error }}
                {% endfor %}
              </span>
            {% endif %}
          </div>
        </div>
        <div class="control-group {% if form.errors.password1 %}error{% endif %}">
          <label class="control-label"l for="id_password1">Password</label>
          <div class="controls">
            {{ form.password1 }}
            {% if form.errors.password1 %}
              <span class="help-inline">
                {% for error in form.errors.password1  %}
                  {{ error }}
                {% endfor %}
              </span>
            {% endif %}
          </div>
        </div>
        <div class="control-group {% if form.errors.password2 %}error{% endif %}">
          <label class="control-label" for="id_password2">Confirm password</label>
          <div class="controls">
            {{ form.password2 }}
            {% if form.errors.password2 %}
              <span class="help-inline">
                {% for error in form.errors.password2  %}
                  {{ error }}
                {% endfor %}
              </span>
            {% endif %}
          </div>
        </div>
        <div class="form-actions group">
          <a class="btn pull-right" href="/login/">Log in</a>
          <button class="btn btn-primary" type="submit">Sign up</button>
        </div>
      </fieldset>
      {% csrf_token %}
    </form>
  {% endif %}
{% endblock %}

{% block analytics %}
  {% if not debug %}
    window.ll('tagScreen', 'Signup view');
  {% endif %}
{% endblock %}