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

{% block title %}Rowsandall - Analysis {% endblock %}

{% block main %}

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://d3js.org/d3.v6.js"></script>


<h1>Force Curve Analysis for {{ rower.user.first_name }} {{ rower.user.last_name }}</h1>


<ul class="main-content">
    <canvas hidden id="canvas"></canvas>
  {% if the_div %}
  <li class="grid_4">
    <div id="theplot" class="flexplot">
      {{ the_div|safe }}
      {{ the_script |safe }}
    </div>
  </li>
  {% endif %}
  <li class="grid_4">
    <form method="get">
    {{ searchform.as_table }}
    {{ dateform.as_table }}
    <input name='filter' type='submit' value="Filter">
    </form>
  </li>
  <li class="grid_4">
    <form enctype="multipart/form-data" method="post">
    {% csrf_token %}
    <input name='instroke_compare' type="submit" value="Compare Selected">
  </li>
  {% if analyses %}
  {% for analysis in analyses %}
  <li class="grid_4 divlines" id="analysis_{{ analysis.id }}">
    {{ analysis.date }}
    <div><h3>{{ analysis.name }}</h3></div>
    <div class="analysiscontainer">
      <div class="workoutelement">
        {% if analysis in selected %}
        <input type="checkbox" name="analyses" value="{{ analysis.id }}" id="analyses_{{ analysis.id }}" checked>
        {% else %}
        <input type="checkbox" name="analyses" value="{{ analysis.id }}" id="analyses_{{ analysis.id }}">
        {% endif %}
        </div>
      <div class="workoutelement">
        <a class="small" href="/rowers/workout/{{ analysis.workout.id|encode }}/forcecurve/{{ analysis.id }}/"
         title="Edit">
        <i class="fas fa-pencil-alt fa-fw"></i>
      </a>
      </div>
    <div class="workoutelement">
      <a class="small" href="/rowers/analysis/forcecurveanalysis/{{ analysis.id }}/delete/"
       title="Delete">
      <i class="fas fa-trash-alt fa-fw"></i>
    </a>
    </div>
    <div class="workoutelement">
        <span style="color:#555">Workout</span><br>
        <span>{{ analysis.workout.name }}</span><br>
        <span>{{ analysis.workout.date }}, {{ analysis.workout.distance }}m</span>
    </div>
    <div class="workoutelement">
        <span style="color:#555">Notes</span><br>
      {{ analysis.notes }}
    </div>
    <div class="workoutelement">
      <span style="color:#555">SPM</span><br>
      {{ analysis.spm_min }} - {{ analysis.spm_max }}
    </div>
    <div class="workoutelement">
      <span style="color:#555">Distance</span><br>
      {{ analysis.dist_min }} - {{ analysis.dist_max }}
    </div>
    <div class="workoutelement">
      <span style="color:#555">Work</span><br>
      {{ analysis.work_min }} - {{ analysis.work_max }}
    </div>
    <div class="workoutelement">
      <span style="color:#555">Avg Pace</span><br>
      {{ analysis.average_boatspeed|velotopace }}
    </div>

    </div>
  </li>
  {% endfor %}
  {% else %}
  <li class="grid_4">
      <p>No analyses found for {{ rower.user.first_name }}</p>
  </li>
  {% endif %}
  </form>
</ul>


{% endblock %}

{% block scripts %}
{% endblock %}

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