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

{% block title %}Chart Stack{% endblock %}

{% localtime on %}
{% block main %}

{{ js_res | safe }}
{{ css_res| safe }}

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

{{ the_script |safe }}

<p>
  {% if workout|previousworkout:rower.user %}
  <a href="/rowers/workout/{{ workout|previousworkout:rower.user }}/flexchartstacked/"
     title="Jump to preceding workout"><em>Previous</em></a>&nbsp;
  {% endif %}
  {% if workout|nextworkout:rower.user %}
  <a href="/rowers/workout/{{ workout|nextworkout:rower.user }}/flexchartstacked/"
     title="Jump to following workout"><em>Next</em></a>
  {% endif %}
</p>


<h1>Chart Stack</h1>

<ul class="main-content">
  <li class="grid_4">
    <div id="theplot">
      {{ the_div|safe }}
    </div>
  </li>
  <li class="grid_2">
    <form enctype="multipart/form-data"
          action=""
          method="post">
      {% csrf_token %}
      <table>
        {{ chartform.as_table }}
      </table>
      <table>
        {{ optionsform.as_table }}
      </table>
      <p>
        <input name="chartform" type="submit"
               value="Update Chart">
      </p>
    </form>
  </li>
</ul>

{% endblock %}
{% endlocaltime %}

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