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

{% block title %}View Comparison {% endblock %}

{% block main %}

<script src="https://d3js.org/d3.v6.js"></script>


  
<h1>Interactive Comparison</h1>

<form enctype="multipart/form-data" action="" method="post">
<ul class="main-content">
  <li class="grid_4">
    <div>
      {{ the_div|safe }}
      {{ interactiveplot |safe }}
    </div>

  </li>

  <li class="grid_2">

    {% csrf_token %}
    <table>
      {{ chartform.as_table }}
    </table>
  </li>
  <li class="grid_2">
    <table>
      {{ form.as_table }}
    </table>

      <p>
        <input name='workoutselectform' class="button" type="submit" value="Submit">
      </p>
    </li>

</ul>
</form>

{% endblock %}

{% block sidebar %}
{% if active == 'nav-racing' %}
{% include 'menu_racing.html' %}
{% else %}
{% include 'menu_workouts.html' %}
{% endif %}
{% endblock %}