{% extends 'base_account.html' %}

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

{% block head_title %}Sign Up{% endblock head_title %}
{% block page_title %}Sign Up{% endblock page_title %}

{% block content %}
<div class="row">
    <div class="col-md-6">
	    <form class="signup" id="signup_form" method="post" action="{% url 'account_signup' %}">
		    {% csrf_token %}

            {% if form.errors %}
                <div class="alert alert-error">
                    {% for field, msg in form.errors.items %}
                        <b>{{ field }}</b> {{ msg }}
                    {% endfor %}
                </div>
            {% endif %}

            <div class="form-group">
                <label for="id_username">*Username:</label>
                <input id="id_username" class="form-control" name="username" autofocus placeholder="Username" type="text" value="{{ form.username.value|default_if_none:"" }}">
            </div>
            <div class="form-group">
                <label for="id_email">*E-mail:</label>
                <input id="id_email" class="form-control" name="email" placeholder="E-mail address" type="text" value="{{ form.email.value|default_if_none:"" }}">
            </div>
            <div class="form-group">
                <label for="id_password1">*Password:</label>
                <input id="id_password1" class="form-control" name="password1" placeholder="Password" type="password" value="{{ form.password1.value|default_if_none:"" }}">
            </div>
            <div class="form-group">
                <label for="id_password2">*Password (again):</label>
                <input id="id_password2" class="form-control" name="password2" placeholder="Password" type="password" value="{{ form.password2.value|default_if_none:"" }}">
                <input id="id_confirmation_key" name="confirmation_key" type="hidden">
            </div>

            <div class="form-group">
                <input type='checkbox' id="id_accept_rules" name='accept_rules' required="True">
                <label for="id_accept_rules">I accept the <a href="https://github.com/codalab/codalab-competitions/wiki/Privacy" target="_blank">terms and conditions</a></label>
            </div>

            {% if redirect_field_value %}
		          <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
            {% endif %}
            <button class="btn btn-primary margin-top" type="submit">{% trans "Sign Up" %}</button>
	    </form>
    </div>
</div>
{% endblock %}