{% 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">
<link href="{% static 'gps_logger/cesium-1.60/Widgets/widgets.css' %}" rel="stylesheet" type="text/css">
{% endblock %}

{% block content %}
<div id="map" class="fullSize"></div>
{% endblock %}

{% block body %}
<div class="popup shadow" id="shadow"  onclick="hide()"></div>
<div class="popup frame" id="frame">
  <div class="demo-container">
    <div id="placeholder" class="demo-placeholder"></div>
  </div>

  <div class="demo-container" style="height:150px;">
    <div id="overview" class="demo-placeholder"></div>
  </div>
  <p></p>
  <p>{% trans "Zoom to:" %} 
    <button id="whole">{% trans "All" %}</button>
    <button id="track">{% trans "Track" %}</button>
  </p>
  <p>{% trans "Move:" %} 
    <button id="left">{% trans "Left" %}</button>
    <button id="right">{% trans "Right" %}</button>
  </p> 
  <ul id="tracks">
  </ul>
</div>
<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.time.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/cesium-1.60/Cesium.js' %}" type="text/javascript"></script>
<script src="{% static 'gps_logger/js/tracks.js' %}" type="text/javascript"></script>
<script src="{% static 'gps_logger/js/main.js' %}" type="text/javascript"></script>
{% endblock %}