{% extends "hosting/base_short.html" %}
{% load staticfiles bootstrap3 i18n %}

{% block navbar %}
    {% include 'hosting/includes/_navbar_transparent.html' %}
{% endblock navbar %}

{% block content %}
    <div class="auth-container auth-signup">
        <div class="auth-bg"></div>
        <div class="auth-center ">
            <div class="auth-content">
                <div class="auth-box sign-up">
                    <h1 class="section-heading allcaps">{% trans "Sign up" %}</h1>
                    {% include 'hosting/includes/_messages.html' %}
                    <form action="{% url 'hosting:signup' %}" method="post" class="form" novalidate>
                        {% csrf_token %}
                        {% for field in form %}
                            {% bootstrap_field field show_label=False %}
                        {% endfor %}
                        <div class="text-center">
                            <button type="submit" class="btn choice-btn">
                                {% trans "Sign up" %}
                            </button>
                        </div>
                    </form>
                    <div class="auth-footer">
                        <div>
                            <span>{% trans "Already have an account ?" %}</span>&nbsp;
                            <a href="{% url 'hosting:login' %}">{% trans "Login" %}</a>
                        </div>
                    </div>
                </div>
             </div>
        </div>
    </div>
{% endblock %}
