{% load rowerfilters %}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
  <head>
    <script src="/static/cookielaw/js/cookielaw.js"></script>
    <link rel="stylesheet" href="/static/css/bokeh-0.12.3.min.css" type="text/css" />
    <link rel="stylesheet" href="/static/css/bokeh-widgets-0.12.3.min.css" type="text/css" />
    
    <link rel="shortcut icon" href="/static/img/myicon.png" />
    <link rel="shortcut icon" href="/static/img/favicon.ico" />
    <meta charset="utf-8" />
    <meta name="viewport" content="initial-scale=0.67">
    <title>Rowsandall</title>
    <link rel="stylesheet" href="/static/css/reset.css" />
    <link rel="stylesheet" href="/static/css/text.css" />
    <link rel="stylesheet" href="/static/css/960_12_col.css" />
    <link rel="stylesheet" href="/static/css/rowsandall.css" />
    {% block meta %} {% endblock %}
  </head>
  <body>
    <div class="container_12">
      <div id="logo" class="grid_2">
	{% if user|is_promember %}
	<p><a href="/"><img src="/static/img/logocroppedpro.gif" 
		            alt="Rowsandall logo" width="110" heigt="110"></a></p>
	{% else %}
	<p><a href="/"><img src="/static/img/logocropped.gif" 
		            alt="Rowsandall logo" width="110" heigt="110"></a></p>
	{% endif %}
      </div>
      <div class="grid_10 omega">
	<div class="grid_8 alpha"><p>&nbsp</p></div>
	<div class="grid_2 omega">
	  {% if user.is_authenticated %}
	  <p><a class="button gray small" href="/password_change/">Password Change</a></p>
	  {% else %}
	  <p><a class="button gray small" href="/password_reset/">Forgotten Password?</a></p>
	  {% endif %}
	</div>
      </div>
      
      
      <div class="grid_10 omega">
	<div class="grid_4 suffix_2 alpha">
	  <p>Free Data and Analysis. For Rowers. By Rowers.</p>
	</div>
	<div class="grid_3">
	  {% if user|is_promember %}
	  <h6>Pro Member</h6>
	  {% else %}
	  <p>&nbsp;</p>
	  {% endif %}
	</div>
	<div class="grid_1 omega">
	  {% if user.is_authenticated %}
	  <p><a class="button gray small" href="{% url 'logout' %}">logout</a></p>
          
	  {% else %}
	  <p>&nbsp</p>
	  {% endif %}
          
	</div>
      </div>
      
      <div class="grid_10" omega>
	<div class="grid_1 alpha tooltip">
	  {% if user.is_authenticated %}
	  <p><a class="button gray small" href="/rowers/workout/upload/">Upload</a></p>
	  <span class="tooltiptext">Upload CSV, TCX, FIT data files to rowsandall.com</span>
	  {% else %}
	  <p><a class="button green small" href="/rowers/register">Register (free)</a></p>
	  {% endif %}
	</div>
	<div class="grid_1 tooltip">
	  {% if user.is_authenticated %}
	  <p>
	    <a class="button gray small" href="/rowers/imports/">Import</a>
	  </p>
	  <span class="tooltiptext">Import workouts from Strava, SportTracks, and C2 logbook</span>
	  {% else %}
	  <p>&nbsp;</p>
	  {% endif %}
	</div>
	<div class="grid_2 tooltip">
	  {% if user.is_authenticated %}
	  <p>
	    <a class="button gray small" href="/rowers/list-workouts/">Workouts</a>
	  </p>
	  <span class="tooltiptext">See your list of workouts</span>
	  {% else %}
	  <p>&nbsp;</p>
	  {% endif %}
	</div>
	<div class="grid_2 tooltip">
	  {% if user.is_authenticated %}
	  <p>
	    <a class="button gray small" href="/rowers/list-graphs/">Graphs</a>
	  </p>
	  <span class="tooltiptext">See your most recent charts</span>
	  {% else %}
	  <p>&nbsp;</p>
	  {% endif %}
	</div>
	<div class="grid_2 suffix_1 tooltip">
	  {% if user.is_authenticated %}
	  <p>
	    <a class="button gray small" href="/rowers/analysis">Analysis</a>
	  </p>
	  <span class="tooltiptext">Analysis of workouts over a period of time</span>
	  {% else %}
	  <p>&nbsp;</p>
	  {% endif %}
	</div>
	<div class="grid_1 omega tooltip">
	  {% if user.is_authenticated %}
	  <p>
	    <a class="button gray small" href="/rowers/me/edit">{{ user.first_name }}</a>
	  </p>
	  <span class="tooltiptext">Edit user data, e.g. heart rate zones</span>
          
	  {% else %}
	  <p><a class="button gray small" href="{% url 'login' %}">login</a> </p>
	  {% endif %}
	</div>
      </div>
      
      
      <div class="clear"></div>
      <div class="grid_12">
	{% block message %}
	{% if message %}
	<p class="message">
	  {{ message }}
	</p>
	{% endif %}
	{% if successmessage %}
	<p class="successmessage">
	  {{ successmessage }}
	</p>
	{% endif %}
	{% endblock %}
      </div>
      <div class="grid_12">
	{% load tz %}
        
    	{% block content %}{% endblock %}
      </div>
      <div class="clear"></div>
      
      <div class="grid_12 omega" >	
    	{% block footer %}
    	<p id="footer"
           >{{ versionstring }}</p>
	<div class="grid_2 alpha">
    	  <p id="footer"><a href="/rowers/email/">&copy; Sander Roosendaal</a></p>
	</div>
	<div class="grid_1">
	  <p id="footer">
	    <a href="/rowers/about">About</a></p>
	</div>
        <div class="grid_1">
          <p id="footer">
            <a href="/rowers/brochure">Brochure</a></p>
        </div>
        <div class="grid_1">
          <p id="footer">
            <a href="/rowers/developers">Developers</a></p>
        </div>
	<div class="grid_1">
	  <p id="footer">
	    <a href="/rowers/legal">Legal</a></p>
	</div>
	<div class="grid_1">
	  <p id="footer">
	    <a href="/rowers/physics">Physics</a></p>
	</div>
	<div class="grid_2">
	  <p id="footer">
	    <a href="/rowers/videos">Videos</a></p>
	</div>
	<div class="grid_2">
          <p id="footer">
            <a href="http://analytics.rowsandall.com/">Rowing Analytics BLOG</a></p>
        </div>
	<div class="grid_1 omega">
	  <p id="footer">
	    <a href="/rowers/email">Contact</a></p>
	</div>
    	{% endblock %}
      </div>
    </div>
    <!-- end container -->
  </body>
</html>
