
{% extends "homepage/base.html" %}
{% load static %}
{% load i18n %}

{% block title %}GPS Logging{% endblock %}
{% block header %}GPS Logging{% endblock %}

{% block status %}
{% if user.is_authenticated %}
<p style="text-align:center">
  {% trans "Hello" %} {% firstof user.first_name user.username %}!<br/>
  <a href="{% url 'logout' %}" class="link">{% trans "Logout" %}</a>
</p>
{% else %}
<p style="text-align:center">
  <a href="{% url 'login' %}?next={{request.path}}" class="link">{% trans "Login" %}</a>
</p>
{% endif %}
{% endblock %}

{% block sidebar %}

{% endblock %}


{% block head %}
<link href="{% static 'gps_logger/css/stylesheet.css' %}" rel="stylesheet" type="text/css">
{% endblock %}

{% block content %}
<div class="news">
  <p>
    <input type="file" id="file-selector" multiple />
  </p>

  <div class="demo-container">
    <div id="placeholder" class="demo-placeholder"></div>
  </div>
  {% csrf_token %}
  <p>
    <input type="submit" id="upload-btn" style="display: none"/>
    <input type="button" id="censor-btn" value="Delete censored"/>
    <input type="button" id="trip-btn" value="Create trips"/>
  </p>
  <p id="response"></p>
</div>
{% endblock %}

{% block body %}
<script language="javascript" type="text/javascript" src="{% static 'gps_logger/flot/jquery.min.js' %}"></script>
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="{% static 'gps_logger/flot/excanvas.min.js' %}"></script><![endif]-->
<script language="javascript" type="text/javascript" src="{% static 'gps_logger/flot/jquery.flot.min.js' %}"></script>
<script language="javascript" type="text/javascript" src="{% static 'gps_logger/flot/jquery.flot.selection.min.js' %}"></script>
<script language="javascript" type="text/javascript" src="{% static 'gps_logger/flot/jquery.flot.navigate.min.js' %}"></script>
<script src="{% static 'gps_logger/js/preprocessor.js' %}" type="text/javascript"></script>
<script src="{% static 'gps_logger/GPS.js/GPS.min.js' %}" type="text/javascript"></script>
<script src="{% static 'gps_logger/GPXParser.js/GPXParser.min.js' %}" type="text/javascript"></script>
{% endblock %}
