{% extends "base.html" %}
{% load i18n %}
{% load static %}
{% block "title" %}{% trans "Login" %}{% endblock %}
{% block "global_content" %}
<div class="container">
	<div class="background"></div>
	<div class="login-wrapper">
		<form id="loginform" class="login" role="form" method="POST">
			<div class="login-icon">{% trans "TeamVault" %}</div>
			{% if form.errors %}
			<p>{% trans "Your username and password didn't match. Please try again." %}</p>
			{% endif %}
			<input type="text" name="username" class="form-control" placeholder="{% trans "Username" %}" required autofocus>

			<div class="input-group">
				<input type="password" name="password" class="form-control" placeholder="{% trans "Password" %}" required>
				<span class="input-group-btn">
					<button form="loginform" class="btn btn-default" type="submit"><i class="fa fa-chevron-right"></i></button>
				</span>
			</div>
			{% csrf_token %}
			{% if google_auth_enabled %}
			<p class="text-center">{% trans "or" %}</p>
			<a class="btn btn-default btn-lg btn-block" href="{% url "social:begin" "google-oauth2" %}">
				<i class="fa fa-google"></i> &nbsp;
				{% trans "Sign in with Google" %}
			</a>
			{% endif %}
		</form>
	</div>
</div>
{% endblock %}