{% extends "templates/base.html" %}

{% block title %}{% localize user/register %}{% endblock %}

{% block content %}

<div id="signup" class="container-fluid block-center">
    <div class="row">

        <div class="col-md-3"></div>

        <div class="form-group col-md-6">
            <form action="/user/signup" method="POST" role="form">
                <input name="__anti-forgery-token" type="hidden" value="{{af-token}}"/>
                <h3>{% localize user/register %}</h3>

                <div class="form-group">
                    <label for="email">{% localize generic/email %}</label>
                    {% if email-error %}
                    <div id="email-error" class="alert alert-danger">{{email-error}}</div>
                    {% endif %}
                    <p><input class="form-control" id="email" name="email" tabindex="1" type="text" autocomplete="off"
                              {% if email %} value="{{email}}" {% endif %}/></p>
                </div>

                <div class="form-group">
                    <label for="password">{% localize generic/password %}</label>
                    {% if pass-error %}
                    <div id="pass-error" class="alert alert-danger">{{pass-error}}</div>
                    {% endif %}
                    <p>
                        <input class="form-control" id="password" name="password" tabindex="2" type="password" autocomplete="off"/>
                    </p>
                </div>

                <div class="form-group">
                    <label for="confirm">{% localize generic/password_confirm %}</label>

                    {% if confirm-error %}
                    <div id="confirm-error" class="alert alert-danger">{{confirm-error}}</div>
                    {% endif %}
                    <p>
                        <input class="form-control" id="confirm" name="confirm" tabindex="3" type="password" autocomplete="off"/>
                    </p>
                </div>

                {% if captcha-enabled? %}
                <div class="form-group">
                    {% if captcha-error %}
                    <div class="alert alert-danger">{{captcha-error}}</div>
                    {% endif %}
                    <script type="text/javascript"
                            src="http://www.google.com/recaptcha/api/challenge?k={{captcha-public-key}}">
                    </script>
                </div>
                {% endif %}

                <div class="form-group">
                    <input class="btn btn-primary" tabindex="4" type="submit" value="{% localize user/register %}">
                </div>
            </form>
        </div>

        <div class="col-md-3"></div>


    </div>
</div>

{% endblock %}