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

{% block title %}{{ workout.name }} {% endblock %}

{% block meta %}
{% leaflet_js %}
{% leaflet_css %}
{% endblock %}

{% block main %}

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


<h1>{{ workout.name }}</h1>

<ul class="main-content">

  <li class="grid_4">
    <div style="height:100%;" id="theplot" class="flexplot mapdiv">
      {{ mapdiv|safe }}

	{{ mapscript|safe }}
  </li>
  {% if courses %}
  <li class="grid_2">
    {% for course in courses %}
    Timed Course: <a href="/rowers/courses/{{ course.id }}" target="_"/>{{ course }}</a><br />
    {% endfor %}
</li>
{% endif %}
{% if suggested_courses %}
<li class="grid_2">
  {% for course in suggested_courses %}
  Suggested Course: {{ course }}<br /> 
  <a href="/rowers/courses/{{ course.id }}/workout/{{ workout.id|encode }}" target="_"/>See course</a><br />  
  <a href="/rowers/workout/{{ workout.id|encode }}/submit/{{ course.id }}" target="_"/>Measure time on course</a><br />
  {% endfor %}
</li>
{% endif %}
</ul>
  


{% endblock %}


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