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

{% block title %}Advanced Features {% endblock %}

{% block content %}
<div id="workouts" class="grid_6 alpha">


	<h1>Run OTW Power Calculations</h1>
	<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>
	For the advanced OTW power and wind correction calculation, 
	we need to know the boat type and the average weight per crew member.
	Currently only 1x (single) is implemented. Setting the value to 
	2x (double) will still run the calculations for a single.
	We use FISA minimum boat weight and standard rigging for our calculations. 
	</p>

    <form enctype="multipart/form-data" action="{{ formloc }}" method="post">
    {% if form.errors %}
        <p style="color: red;">
            Please correct the error{{ form.errors|pluralize }} below.
        </p>
    {% endif %}
	
        <table>
            {{ form.as_table }}
        </table>
        {% csrf_token %}
	</div>
   <div id="formbutton" class="grid_2 prefix_2 suffix_2 tooltip">
        <p><input class="button green" type="submit" value="Update & Run"></p>
	<span class="tooltiptext">Start the calculations to get power values for your row.</span>


   </div>
	</form>

</div>

<div id="advancedplots" class="grid_6 omega">
	<div>
	<img src="/static/img/rivercurrent.jpg" width="400">
	</div>
	<div>
	The Rowsandall Physics Department at work.
	</div>
</div>



{% endblock %}