{% extends "base.html" %}


{% block title %} Login {% endblock %}


{% block headeraddons %}
<script src="{{STATIC_URL}}js/jquery-1.10.2.min.js"></script>

{% endblock %}


{% block content %}
<div id="content">
	<div id="prompt">
  		<!-- if IE without GCF, prompt goes here -->
	</div>
	
	<h1>Login</h1>
	<div class="pure-g-r">
		<div class="pure-u-2-3">
    		<div class="textcontainer">
    			{% if user.is_authenticated %}
          You are already logged in !<br/>
          Did you mean: <a href="{% url 'logout' %}">logout</a> ?
          {% else %}
          <form method="post" class="pure-form pure-form-aligned">
            {% csrf_token %}
            <fieldset>
              {% for field in form %}
                    <div class="pure-control-group">
                      {{ field.label_tag }} 
                    {{ field }}
                    {{ field.errors }}
                  </div>
              {% endfor %}
              <div class="pure-control-group">
                <label for="submitbutton" >... and </label>
                <input  class="pure-button button-green" id="submitbutton" type="submit" value="Login" />
              </div>
            </fieldset>
          </form>
          {% endif %}
    		</div>
  		</div>
  		<div class="pure-u-1-3">
			<div class="textcontainer">
        <h2><i class="icon-upload-alt"></i> Latest uploads</h2>
        <ul class="uploads-list">
        {% for geometry in latest_geometries %}
          <li>
            <i class="icon-file"></i>
            <a href="{{geometry.get_absolute_url}}">{{geometry.name}}</a> 
            - {{geometry.date}}
          </li>
        {% endfor %}
    	  </ul>
      </div>
  		</div>
	</div>
</div>
{% endblock %}