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

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

{% block content %}
<div id="workouts" class="grid_4 alpha">
  <div class="grid_4 alpha">
	<h1>Workout {{ id }}</h1>
	<table width=100%>
	<tr>
	<th>Rower:</th><td>{{ first_name }} {{ last_name }}</td>
	</tr><tr>
	<tr>
	<th>Name:</th><td>{{ workout.name }}</td>
	</tr><tr>
	<tr>
	<th>Date:</th><td>{{ workout.date }}</td>
	</tr><tr>
	<th>Time:</th><td>{{ workout.starttime }}</td>
	</tr><tr>
	<th>Distance:</th><td>{{ workout.distance }}m</td>
	</tr><tr>
	<th>Duration:</th><td>{{ workout.duration |durationprint:"%H:%M:%S.%f" }}</td>
	</tr><tr>
	<th>Type:</th><td>{{ workout.workouttype }}</td>
	</tr><tr>
	<th>Weight Category:</th><td>{{ workout.weightcategory }}</td>
	</tr>
	</table>
        </div>
  <div class="grid_4 alpha">
    <p>
      <form id="searchform" action=""
            method="get" accept-charset="utf-8">
        <button class="button blue small" type="submit">
          Search
        </button>
        <input class="searchfield" id="searchbox" name="q" type="text" placeholder="Search">
      </form>
    </p>
  </div>

  Select start and end date for a date range:
  <div class="grid_4 alpha">
<p>
    <form enctype="multipart/form-data" action="/rowers/workout/fusion/{{ id }}/" method="post">
      
      <table>
        {{ dateform.as_table }}
      </table>
      {% csrf_token %}
  </div>
  <div class="grid_2 suffix_2 omega">
    <input name='daterange' class="button green" type="submit" value="Submit">	</form>
  </p>
  </div>


</div>

<div id="fusion" class="grid_8 omega">
<h1>Fuse this workout with data from:</h1>
	{% if workouts %}
		<table width="100%" class="listtable">
		<thead>
		<tr>
			<th> Date</th>
			<th> Time</th>
			<th> Name</th>
			<th> Type</th>
			<th> Distance </th>
			<th> Duration </th>
			<th> Avg HR </th>
			<th> Max HR </th>
			<th> Fusion</th>
		</tr>
		</thead>
		</tbody>
		{% for cworkout in workouts %}
		<tr>
			<td> {{ cworkout.date }} </td>
			<td> {{ cworkout.starttime }} </td>
			<td> <a href="/rowers/workout/{{ workout.id }}/edit">{{ cworkout.name }}</a> </td>
			<td> {{ cworkout.workouttype }} </td>
			<td> {{ cworkout.distance }}m</td>
			<td> {{ cworkout.duration |durationprint:"%H:%M:%S.%f" }} </td>
			<td> {{ cworkout.averagehr }} </td>
			<td> {{ cworkout.maxhr }} </td>
		{% if id == cworkout.id %}
			<td>&nbsp;</td>
		{% else %}
			<td> <a class="button blue small" href="/rowers/workout/fusion/{{ id }}/{{ cworkout.id }}">Fusion</a> </td>
		{% endif %}

		</tr>
		{% endfor %}
		</tbody>
		</table>
	{% else %}
		<p> No workouts found </p>
	{% endif %}

                <div class="grid_2 prefix_5 suffix_1 omega">
  <span class="button gray small">
    {% if workouts.has_previous %}
    <a class="wh" href="/rowers/workout/fusion/{{ id }}/{{ startdate|date:"Y-m-d" }}/{{ enddate|date:"Y-m-d" }}?page={{ workouts.previous_page_number }}">&lt;</a>
    {% endif %}

    <span>
      Page {{ workouts.number }} of {{ workouts.paginator.num_pages }}.
    </span>

    {% if workouts.has_next %}
    <a class="wh" href="/rowers/workout/fusion/{{ id }}/{{ startdate|date:"Y-m-d" }}/{{ enddate|date:"Y-m-d" }}?page={{ workouts.next_page_number }}">&gt;</a>
    {% endif %}
    </span>
</div>
</div>
{% endblock %}
