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

{% block title %} Force Curve Plot {% endblock %}

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

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

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

{{ the_script |safe }}

<h1>Empower Force Curve</h1>

<ul class="main-content">
  <li class="grid_4">
    <div id="theplot" class="flexplot">
      {{ the_div|safe }}
      </div>

  </li>
  <li class="grid_4">
    <form enctype="multipart/form-data"  action="" method="post">
      {% csrf_token %}
      <table>
        {{ form.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 %}
