{% extends 'base.html' %}
{% load i18n %}
{% load addons %}

{% block title %}{% trans "Register" %}{% endblock %}

{% block basecss %}
{{ block.super }}
  <link type="text/css" href="{{ STATIC_URL }}css/password_indicator.css" rel="stylesheet" />
  <link media="screen" href="{{ STATIC_URL }}css/userspace.css" type="text/css" rel="stylesheet" />
{% endblock %}

{% block basejs %}
{{ block.super }}
  <script type="text/javascript" src="{{ STATIC_URL }}js/password_strength_plugin.js"></script>
  <script type="text/javascript">
    $(function() {
        $("input#id_username").focus();
        $("input[type='text'], input[type='password']").addClass("text");

        /* Password Strength Indicator */
        $("#id_password1").passStrength({
            shortPass: "top_shortPass",//optional
            badPass: "top_badPass",//optional
            goodPass: "top_goodPass",//optional
            strongPass: "top_strongPass",//optional
            baseStyle: "top_testresult",//optional
            userid: "#id_username",//required override
            messageloc: 1//before == 0 or after == 1
        });
        $("#recaptcha_container").appendTo()
    });
</script>
{% endblock %}

{% block content_title%}
<h2 class="pagetitle with_description">{% trans "Register" %}</h2>
<div class="description"></div>
{% endblock %}

{% block content_main %}

<form id="signup-form" class="tx-form" action="" method="post">
  {% csrf_token %}
  <fieldset>
    <div id="signup-form-global-errors">
        {{ form.non_field_errors }}
    </div>
    {% for field in form %}
    <div id="signup-form-{{ field.name }}-errors">
        {{ field.errors }}
    </div>
    {% comment %} Displaying checkboxes differently {% endcomment %}
    {% if field.name == 'tos' %}
    <p class="checkbox">
    <label for="id_{{ field.name }}">{{ field }} {{ field.label }}</label>
    </p>
    {% else %}
    <p>
    {{ field.label_tag }} 
    {{ field }}
    </p>
    {% endif %}
    {% endfor %}
    {% hook "additional_signup_form_fields.html" %}
  </fieldset>
  <input type="submit" class="i16 tick buttonized" value="{% trans "Signup"%}" />
</form>





{% endblock %}
