{% extends "newbase.html" %}
{% load staticfiles %}
{% load rowerfilters %}

{% block title %}{{ workout.name }}{% endblock %}
{% block og_title %}{{ workout.name }} {% endblock %}
{% block description %}{{ workout.name }}
{{ workout.date }} - {{ workout.distance }}m - {{ workout.duration |durationprint:"%H:%M:%S.%f" }}{% endblock %}
{% block og_description %}{{ workout.name }}
{{ workout.date }} - {{ workout.distance }}m - {{ workout.duration |durationprint:"%H:%M:%S.%f" }}{% endblock %}
{% block og_image %}
<meta property="og:image" content="http://rowsandall.com/{{ graph.filename |spacetohtml }}" />
<meta property="og:image:secure_url" content="https://rowsandall.com/{{ graph.filename |spacetohtml }}" />
<meta property="og:image:width" content="{{ graph.width }}" />
<meta property="og:image:height" content="{{ graph.height }}" />
{% endblock %}
{% block main %}
<h1>{{ workout.name }}</h1>
<ul class="main-content">
  <li class="grid_4">
    <p>
      <a href="/{{ graph.filename }}" download="myimage">
        <image src="/{{ graph.filename }}" alt="/{{ graph.filename }}" width="960"/>
      </a>
    </p>
  </li>
  <li>
    <p>
      <span class="fb-share-button" data-href="https://rowsandall.com/rowers/graph/{{ graph.id }}" data-layout="button" data-size="small" data-mobile-iframe="false">
        <a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://rowsandall.com/rowers/graph/{{ graph.id }}">
          Share
        </a>
      </span>
    </p>
    <p>
      <span>
        <a class="twitter-share-button"
           href="https://twitter.com/intent/tweet"
           data-url="https://rowsandall.com/rowers/graph/{{ graph.id }}"
           data-text="@rowsandall #rowingdata">Tweet
        </a>
      </span>
    </p>
    <p>
      <span>
        <a href="https://www.pinterest.com/pin/create/button/"
           data-pin-do="buttonBookmark">
        </a>        
      </span>
      </p>
  </li>
  <li>
    {% if user.is_authenticated and user == rower.user %}
    <p>
      <a class="button gray small" href="/rowers/workout/{{ graph.workout.id|encode }}/edit">Edit Workout</a>
    </p>
    {% else %}
    <p>
      <a class="button gray small" href="/rowers/workout/{{ graph.workout.id|encode }}">See Workout</a>
    </p>
    {% endif %}
    {% if user.is_authenticated and user == rower.user %}
    <p>
      <a class="button gray small" href="/rowers/workout/{{ graph.workout.id|encode }}/workflow">Workflow View</a>
    </p>
    {% else %}
    <p>&nbsp;</p>
    {% endif %}
  </li>
  <li>
    {% if user.is_authenticated and user == rower.user %}
    <p>
      <a class="button red small" href="/rowers/graph/{{ graph.id }}/delete">Delete Chart</a>
    </p>
    {% else %}
    <p>&nbsp;</p>
    {% endif %}
  </li>
</ul>
{% endblock %}

{% block sidebar %}
{% include 'menu_workouts.html' %}
{% endblock %}
