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

{% block title %}Workouts{% endblock %}

{% block content %}


  {% if team %}
<div class="grid_12 alpha">
  {% include "teambuttons.html" with teamid=team.id team=team %}
</div>
{% endif %}
<div class="grid_12 alpha">
  <div class="grid_4 alpha">
    {% if theuser %}
    <h3>{{ theuser.first_name }}'s Workouts</h3>
    {% else %}
    <h3>{{ user.first_name }}'s Workouts</h3>
    {% endif %}
  </div>
  <div class="grid_2 prefix_6 omega">
    {% if user.is_authenticated and user|is_manager %}
    <div class="grid_2 alpha dropdown">
      <button class="grid_2 alpha button green small dropbtn">
        Change Rower
      </button>
      <div class="dropdown-content">
        {% for member in user|team_members %}
        <a class="button green small" href="/rowers/user-boxplot-select/user/{{ member.id }}/">{{ member.first_name }} {{ member.last_name }}</a>
        {% endfor %}
    </div>
    {% else %}
    &nbsp;
    {% endif %}
  </div>
</div>
<div class="grid_12 alpha">
  <div class="grid_4 alpha">

    {% if theuser %}
    <form enctype="multipart/form-data" action="/rowers/user-boxplot-select/user/{{ theuser.id }}/" method="post">
    {% else %}
    <form enctype="multipart/form-data" action="/rowers/user-boxplot-select/" method="post">
      {% endif %}
      
      <table>
        {{ dateform.as_table }}
      </table>
      {% csrf_token %}
  </div>
  <div class="grid_2">
    <input name='daterange' class="button green" type="submit" value="Submit">	</form>
  </div>
<div class="grid_5 prefix_1 omega">
  <form id="searchform" action=""
        method="get" accept-charset="utf-8">
    <div class="grid_3 prefix_1 alpha">
      <input class="searchfield" id="searchbox" name="q" type="text" placeholder="Search">
    </div>
    <div class="grid_1 omega">
      <button class="button blue small" type="submit">
        Search
      </button>
    </div>
  </form>
</div>

</div>


<form enctype="multipart/form-data" action="/rowers/user-boxplot/{{ theuser.id }}" method="post">
  <div id="workouts_table" class="grid_8 alpha">


  {% if workouts %}
  

  <table width="100%" class="listtable">
    {{ form.as_table }}
  </table>
{% else %}
<p> No workouts found </p>
{% endif %}
</div>
  <div id="form_settings" class="grid_4 alpha">
    <p><b>Warning: You are on an experimental part of the site. Use at your own risk.</b></p>
    <p>Select two or more workouts on the left, set your plot settings below,
      and press submit"</p>
  {% csrf_token %}
  <table>
    {{ chartform.as_table }}
  </table>
  <div class="grid_1 prefix_2 suffix_1">
    <p>
      <input name='workoutselectform' class="button green" type="submit" value="Submit">
      </p>
  </div>
  <div class="grid_4">
    <p>You can use the date and search forms above to search through all
      workouts from this team.</p>
    <p>TIP: Agree with your team members to put tags (e.g. '8x500m') in the notes section of
      your workouts. That makes it easy to search.</p>
    </div>
</div>
</form>


{% endblock %}