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

{% block title %}Export {% endblock %}

{% block content %}
<div id="exportbuttons" class="grid_6 alpha">
  
  
  <h3>Export Workout</h3>

  <div class="grid_2 alpha">
    <p>
      <a class="button gray small" href="/rowers/workout/{{ workout.id }}/edit">Edit Workout</a>
    </p>
  </div>
  <div class="grid_2">
    <p>
      <a class="button gray small" href="/rowers/workout/{{ workout.id }}/workflow">Workflow View</a>
    </p>
  </div>
  <div class="grid_2 omega">
    <p>
      <a class="button gray small" href="/rowers/workout/{{ workout.id }}/advanced">Advanced Edit</a>
    </p>
    
  </div>
  
  <div class="grid_6 alpha">
    <p>
      Click on the icon to upload this workout to your site of choice. A checkmark indicates that the workout has already been uploaded. If the button is grayed out, click it to authorize the connection to that site. Use TCX or CSV export to email a TCX or CSV file of your workout to yourself.
    </p>
    
  </div>

  {% if workout.uploadedtoc2 == 0 %}
  {% if user.rower.c2token == None or user.rower.c2token == '' %}
  <div class="grid_1 alpha">
    <a href="/rowers/me/c2authorize">
      <img src="/static/img/c2square_gray.png" alt="C2 icon" width="60" height="60"></a>
  </div>
  {% else %}
  <div class="grid_1 alpha">
    <a href="/rowers/workout/{{ workout.id }}/c2uploadw"><img src="/static/img/c2square.jpg" alt="Concept2 icon" width="60" height="60"></a>
  </div>
  {% endif %}
  {% else %}
  <div class="grid_1 alpha">
    <a href="http://log.concept2.com/profile/{{ c2userid }}/log/{{ workout.uploadedtoc2 }}">
      <img src="/static/img/c2square_checked.png" alt="Concept2 icon" width="60" height="60"></a>
  </div>
  {% endif %}

  {% if workout.uploadedtostrava == 0 %}
  {% if user.rower.stravatoken == None or user.rower.stravatoken == '' %}
  <div class="grid_1">
    <a href="/rowers/me/stravaauthorize">
      <img src="/static/img/stravasquare_gray.png" alt="Strava icon" width="60" height="60"></a>
  </div>
  {% else %}
  <div class="grid_1">
    <a href="/rowers/workout/{{ workout.id }}/stravauploadw"><img src="/static/img/stravasquare.png" alt="Strava icon" width="60" height="60"></a>
  </div>
  {% endif %}
  {% else %}
  <div class="grid_1">
    <a href="https://www.strava.com/activities/{{ workout.uploadedtostrava }}">
      <img src="/static/img/stravasquare_checked.png" alt="Concept2 icon" width="60" height="60"></a>
  </div>
  {% endif %}
  {% if workout.uploadedtosporttracks == 0 %}
  {% if user.rower.sporttrackstoken == None or user.rower.sporttrackstoken == '' %}
  <div class="grid_1">
    <a href="/rowers/me/sporttracksauthorize">
      <img src="/static/img/sporttrackssquare_gray.png" alt="SportTracks icon" width="60" height="60"></a>
  </div>
  {% else %}
  <div class="grid_1">
    <a href="/rowers/workout/{{ workout.id }}/sporttracksuploadw">
      <img src="/static/img/sporttrackssquare.png" alt="SportTracks icon" width="60" height="60"></a>
  </div>
  {% endif %}
  {% else %}
  <div class="grid_1">
    <a href="https://sporttracks.mobi/activity/{{ workout.uploadedtosporttracks }}">
      <img src="/static/img/sporttrackssquare_checked.png" alt="Concept2 icon" width="60" height="60"></a>
  </div>
  {% endif %}
  <div class="grid_1">
    <a href="/rowers/workout/{{ workout.id }}/emailtcx">
      <img src="/static/img/export.png" alt="TCX Export" width="60" height="60"></a>
  </div>
  
  <div class="grid_1">
    <a href="/rowers/workout/{{ workout.id }}/emailcsv">
      <img src="/static/img/CSVsquare.png" alt="CSV Export" width="60" height="60"></a>
  </div>

  <div class="grid_6 alpha">
    {% if workout.uploadedtorunkeeper == 0 %}
    {% if user.rower.runkeepertoken == None or user.rower.runkeepertoken == '' %}
    <div class="grid_1 alpha">
      <a href="/rowers/me/runkeeperauthorize">
        <img src="/static/img/rkgray.png" alt="Runkeeper icon" width="60" height="60"></a>
    </div>
    {% else %}
    <div class="grid_1 alpha">
      <a href="/rowers/workout/{{ workout.id }}/runkeeperuploadw"><img src="/static/img/rksquare.png" alt="Runkeeper icon" width="60" height="60"></a>
    </div>
  {% endif %}
  {% else %}
    <div class="grid_1 alpha">
      <a href="https://runkeeper.com/activity/{{ workout.uploadedtorunkeeper }}">
      <img src="/static/img/rkchecked.png" alt="Runkeeper icon" width="60" height="60"></a>
  </div>
  {% endif %}

  {% if workout.uploadedtounderarmour == 0 %}
  {% if user.rower.underarmourtoken == None or user.rower.underarmourtoken == '' %}
  <div class="grid_1">
      <a href="/rowers/me/underarmourauthorize">
        <img src="/static/img/uagray.png" alt="Underarmour icon" width="60" height="60"></a>
    </div>
    {% else %}
    <div class="grid_1">
      <a href="/rowers/workout/{{ workout.id }}/underarmouruploadw"><img src="/static/img/uasquare.png" alt="Underarmour icon" width="60" height="60"></a>
    </div>
  {% endif %}
  {% else %}
    <div class="grid_1">
      <a href="https://www.mapmyfitness.com/workout/{{ workout.uploadedtounderarmour }}">
      <img src="/static/img/uachecked.png" alt="Underarmour icon" width="60" height="60"></a>
  </div>
  {% endif %}

  {% if workout.uploadedtotp == 0 %}
  {% if user.rower.tptoken == None or user.rower.tptoken == '' %}
  <div class="grid_1">
      <a href="/rowers/me/tpauthorize">
        <img src="/static/img/tpgray.png" alt="TrainingPeaks icon" width="60" height="60"></a>
    </div>
    {% else %}
    <div class="grid_1">
      <a href="/rowers/workout/{{ workout.id }}/tpuploadw"><img src="/static/img/tpicon.png" alt="Tp icon" width="60" height="60"></a>
    </div>
  {% endif %}
  {% else %}
    <div class="grid_1">
      <a href="https://app.trainingpeaks.com">
      <img src="/static/img/tpchecked.png" alt="TrainingPeaks icon" width="60" height="60"></a>
  </div>
  {% endif %}
    
    <div class="grid_1 omega">
      <a href="/rowers/workout/{{ workout.id }}/emailgpx">
        <img src="/static/img/gpx.jpg" alt="GPX Export" width="60" height="60"></a>
    </div>
  </div>
  
</div>

<div class="grid_6 omega">
  <h3>Connect</h3>
  
  <div class="grid_6">
    <p>Click one of the below logos to connect to the service of your choice.
      You only need to do this once. After that, the site will have access until you 
      revoke the authorization for the "rowingdata" app.</p>
    
    <div class="grid_2 alpha">
      <p><a href="/rowers/me/stravaauthorize/"><img src="/static/img/ConnectWithStrava.png" alt="connect with strava" width="120"></a></p>
      
    </div>
    <div class="grid_2">
      <p><a href="/rowers/me/c2authorize/"><img src="/static/img/blueC2logo.png" alt="connect with Concept2" width="120"></a></p>
    </div>
    

    <div class="grid_2 omega">
      <p><a href="/rowers/me/sporttracksauthorize/"><img src="/static/img/sporttracks-button.png" alt="connect with SportTracks" width="120"></a></p>
    </div>
    
  </div>
  <div class="grid_6">
    <div class="grid_2 alpha">
      <p><a href="/rowers/me/runkeeperauthorize/"><img src="/static/img/rk-logo.png" alt="connect with Runkeeper" width="120"></a></p>
    </div>
    <div class="grid_2">
      <p><a href="/rowers/me/underarmourauthorize/"><img src="/static/img/UAbtn.png" alt="connect with Under Armour" width="120"></a></p>
    </div>
    <div class="grid_2 omega">
      <p><a href="/rowers/me/tpauthorize/"><img src="/static/img/TP_logo_horz_2_color.png" alt="connect with TrainingPeaks" width="150"></a></p>
    </div>
  </div>
  <div class="grid_6 alpha">
    <p>
      <h2>Export Settings</h2>
      <div class="grid_2 suffix_4 alpha">
        <a class="button gray small" href="/rowers/me/exportsettings">Manage Export Settings</a>
      </div>
    </p>
  </div>
  
</div>



{% endblock %}
