{% extends "base.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 content %}
    <h1>{{ workout.name }}</h1>
    <div class="grid_12">
      <div class="grid_1 alpha">
        <div 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></div>
      </div>
      <div class="grid_1">
        <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>
      </div>

      </div>
      
      <p>&nbsp;</p>
<div class="grid_12">
<div class="grid_2 alpha">
{% if user.is_authenticated and user == rower.user %}
<p>
  <a class="button gray small" href="/rowers/workout/{{ graph.workout.id }}/edit">Edit Workout</a>
</p>
{% else %}
<p>
  <a class="button gray small" href="/rowers/workout/{{ graph.workout.id }}">See Workout</a>
</p>
{% endif %}
</div>
<div class="grid_2">
  {% if user.is_authenticated and user == rower.user %}
  <p>
    <a class="button gray small" href="/rowers/workout/{{ graph.workout.id }}/workflow">Workflow View</a>
  </p>
  {% else %}
  <p>&nbsp;</p>
  {% endif %}
</div>
<div class="grid_2 suffix_6 omega">
{% if user.is_authenticated and user == rower.user %}
		<p>
		<a class="button red small" href="/rowers/graph/{{ graph.id }}/deleteconfirm">Delete Chart</a>
		</p>
{% else %}
 <p>&nbsp;</p>
{% endif %}
</div>
</div>
<div class="grid_12">
<p>
<a href="/{{ graph.filename }}" download="myimage">
<image src="/{{ graph.filename }}" alt="/{{ graph.filename }}" width="960"/>
</a>
</p>
</div>
{% endblock %}