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

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

{% block main %}

<script src="https://cdn.pydata.org/bokeh/release/bokeh-1.0.4.min.js"></script>
<script async="true" type="text/javascript">
  Bokeh.set_log_level("info");
</script>

{{ interactiveplot |safe }}

<h1>Interactive Comparison</h1>


<ul class="main-content">
  <li class="grid_4">  
    <div>
      {{ the_div|safe }}
    </div>
    
  </li>
  <li class="grid_4">
    <form enctype="multipart/form-data" action="" method="post">
      {% csrf_token %}
      <table>
        {{ chartform.as_table }}
      </table>

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


{% endblock %}

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