{% extends "site_base.html" %}

{% load url from future %}
{% load i18n %}
{% load bootstrap_tags %}

{% block title %}{{ block.super }} {% trans "Sign up" %}{% endblock %}
{% block page-title %}
  {% trans "Sign up" %}
  <div class="btn-group pull-right">
    <a class="btn btn-primary btn-icon" href="{{ success_url }}">
      <i class="fa fa-angle-left" title="Go Back"></i>
    </a>
    <a class="btn btn-primary" href="{{ success_url }}">
      {% trans "Go Back" %}
    </a>
  </div>
{% endblock %}

{% block body %}
  {% if REGISTRATION_OPEN %}
    <form id="signup_form" method="post" action="{% url "account_signup" %}" autocapitalize="off" class="form-horizontal"{% if form.is_multipart %} enctype="multipart/form-data"{% endif %}>
      <fieldset>
      {% csrf_token %}
      {{ form|as_bootstrap }}
      {% if redirect_field_value %}
        <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
      {% endif %}
        <div class="form-actions">
          <button type="submit" class="btn btn-primary">{% trans "Sign up" %}</button>
        </div>
      </fieldset>
    </form>
  {% else %}
    <p>{% trans "Sorry, registrations are not open at this time." %}</p>
  {% endif %}
{% endblock %}

{% block sidebar %}
{% include "account/_signup_sidebar.html" %}
{% endblock %}

{% block extra_script %}
    <script type="text/javascript">
        $(document).ready(function() {
            $('#id_username').focus();
        });
    </script>
{% endblock %}