{% extends 'base.html' %}
{% load i18n %}
{% load url from future %}
{% load staticfiles %}
{% load core_extras %}
{% block head_title %}
{% if request.user.is_authenticated %}
{% trans "Home" %}
{% else %}
{% trans "Login" %}
{% endif %}
{% endblock %}
{% block content %}
{% if messages %}
<ul class="messages">
{% for message in messages %}
<li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
{% endfor %}
</ul>
{% endif %}
<div class="login-modal modal fade" id="loginModal">
<div class="widget form">
<div class="widget-title">
<h4>Login to Eaglewatch</h4>
</div> <!--/.widget-title -->
<div class="widget-body">
<form class="form-horizontal" method="POST" action="{% url 'accounts:login' %}?next={{ next }}">
{% csrf_token %}
{{ form.id }}
{% if form.non_field_errors %}
<ul class='form-errors'>
{% for error in form.non_field_errors %}
<div class="alert alert-danger" role="alert"><li>{{ error }}</li></div>
{% endfor %}
</ul>
<!-- {% for key, value in form.non_field_errors.items %}
{% for error in value %}
<div class="alert alert-danger" role="alert">{{ error }}</div>
{% endfor %}
{% endfor %} -->
{% endif %}
{% for field in form %}
<div class="form-group">
<label for="inputEmail3" class="col-sm-3 control-label">{{ field.label }}</label>
<div class="col-sm-9">
{% if field.errors %}
<div class="alert alert-danger" role="alert">{{ field.errors }}</div>
{% endif %}
{{ field|addcss:"form-control" }}
</div>
</div>
{% endfor %}
<div class="form-group">
<div class="col-sm-9 col-sm-offset-3">
</div>
</div>
<div class="form-group">
<div class="col-sm-9 col-sm-offset-3">
<button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-log-in"></span> Login</button>
<a href="">Forgot Password?</a>
</div>
</div>
</form>
</div> <!--/.widget-body -->
</div> <!--/.widget -->
</div><!-- /.modal -->
{% endblock %}
{% block javascript %}
<script>
$('#loginModal').modal({
backdrop: 'static',
});
</script>
{% endblock %}