{% extends "base.html" %}
{% load i18n staticfiles %}
{% block content %}
<div class="Form-wrapper" id="signup-form">
	{% if user.is_authenticated %}
	<p>{% trans 'You are already logged' %}, {{ user.first_name }}</p>
	{% else %}
	<h2>
		Sign up
	</h2>
	<form action="" method='POST' class="awesome-form">
		{% csrf_token %}
		<div class="label-group">
			{{ form.username.errors }}
			{{ form.username }}
			<label for="username"><span class="fa fa-user"></span> Username</label>
		</div>
		<div class="label-group">
			{{ form.email.errors }}
			{{ form.email }}
			<label for="email"><span class="fa fa-envelope-o"></span> Email</label>
		</div>
		<div class="label-group">
			{{ form.password1.errors }}
			{{ form.password1 }}
			<label for="password1"><span class="fa fa-lock"></span> Password</label>
		</div>
		<div class="label-group">
			{{ form.password2.errors }}
			{{ form.password2 }}
			<label for="password2"><span class="fa fa-lock"></span> Repeat password</label>
		</div>
		<input type="submit" value="Sign up">
	</form>
	{% endif %}
</div>
<script src="{% static 'js/awesome-forms.js' %}"></script>
{% endblock %}