{% extends "newbase.html" %}
{% load static %}
{% load rowerfilters %}

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

{% block main %}
<script>
  function toggle(source) {
  checkboxes = document.querySelectorAll("input[name='workouts']");
  for(var i=0, n=checkboxes.length;i<n;i++) {
       checkboxes[i].checked = source.checked;
  }
 }
</script>

<h1>{{ team.name }} Select Duplicate Workouts ({{ rower.user.first_name }})</h1>

<ul class="main-content">
  <li class="grid_4">
    <p>
      The workouts in the list are duplicate workouts. They are overlapping in time with other
      workouts you have performed. They are not used in analysis or statistics. With the
      form below you can select any number of duplicate workouts and remove them
      permanently. This action is not reversible.
    </p>
      {% if workouts %}
      <form enctype="multipart/form-data" method="post">
        {% csrf_token %}
        <input type="checkbox" onClick="toggle(this)" /> Toggle All<br/>

        <table width="100%" class="listtable">
          {{ form.as_table }}
        </table>
        <input name='workoutselectform' type="submit" value="Remove Selected">
      </form>
      {% else %}
      <p> No workouts found </p>
      {% endif %}
</li>
</ul>


{% endblock %}



{% block sidebar %}
{% include 'menu_workouts.html' %}
{% endblock %}