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

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

{% block scripts %}
{% include "monitorjobs.html" %}
{% endblock %}

{% block title %}{{ course.name }} {% endblock %}
{% block og_title %}{{ course.name }} {% endblock %}
{% block main %}

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

<ul class="main-content">
  <li class="grid_2">
    <table class="listtable shortpadded" width="100%">
      <tr>
        <th>Name</th><td>{{ course.name }}</td>
      </tr>
      <tr>
        <th>Country</th><td>{{ course.country }}</td>
      </tr>
      <tr>
        <th>Notes</th><td>{{ course.notes|linebreaks }}</td>
      </tr>
      <tr>
        <th>Manager</th><td>{{ course.manager }}</td>
      </tr>
    </table>
    <p>
      {% if course in rower.followed_courses.all %}
      You have liked this course. If you use <a href="https://performancephones.com/">CrewNerd</a>, you can synchronize this course to your phone in the app.
      {% else %}
      By clicking on the link below, you can add the course to your "liked" list, which can be synchronized with the
      <a href="https://performancephones.com/">CrewNerd</a> app (from your phone).
      {% endif %}
    </p>
    <p>
      {% if course in rower.followed_courses.all %}
      <a href="unfollow">Remove this course from your list of liked courses</a>
      {% else %}
      <a href="follow">Like this course</a>
      {% endif %}
    </p>
  </li>
  <li class="grid_2">
    <div class="mapdiv">
      {{ mapdiv|safe }}

	{{ mapscript|safe }}
    </div>
  </li>
  {% if records %}
  <li class="grid_4">
    <h2>Course Results</h2>
    <p>
    <a href="/rowers/courses/{{ course.id }}/compare/"
      title="Compare the workouts on this course"><i class="fas fa-chart-line fa-fw"></i></a>
      <a href="/rowers/courses/{{ course.id }}/mapcompare/"
         title="Compare the courses"><i class="fas fa-route fa-fw"></i></a>
    </p>
    <p>
    <table class="listtable shortpadded">
      <thead>
        <tr>
          <th>Name</th>
          <th>Boat</th>
          <th>Class</th>
          <th>Age</th>
          <th>Gender</th>
          <th>Weight Category</th>
          <th>Adaptive</th>
          <th>Time</th>
          <th>Distance</th>
          <th>Date</th>
        </tr>
      </thead>
      <tbody>
        {% for record in records %}
        <tr>
          <td>{{ record.username }}</td>
          <td>{{ record.boattype }}</td>
          <td>{{ record.boatclass }}</td>
          <td>{{ record.age }}</td>
          <td>{{ record.sex }}</td>
          <td>{{ record.weightcategory }}</td>
          <td>
              {% if record.adaptiveclass == 'None' %}
              &nbsp;
              {% else %}
              {{ record.adaptiveclass }}
              {% endif %}
          </td>
          <td>{{ record.duration |durationprint:"%H:%M:%S.%f" }}</td>
          <td>{{ record.distance }} m</td>
          <td>{{ record.workoutid|workoutdate }}</td>
          <td>
            <a title="Details" href="/rowers/workout/{{ record.workoutid|encode }}/view/entry/{{ record.id }}/">
              <i class="fas fa-search-plus fa-fw"></i></a>
            </td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
    </p>
  </li>
  {% if workoutid %}
  <li>
    <p>
      Suggested Workout: {{ workoutid|getworkoutname }}
      <br /><a href="/rowers/workout/{{ workoutid }}/submit/{{ course.id }}/" target="__">Measure time on course</a>
      
    </p>
  </li>
  {% endif %}
  {% if form %}
  <li class="grid_4">

    <p>
      <h2>Filter Results</h2>
    </p>
    <p>
      {% if onlyme %}
      <a href="/rowers/courses/{{ course.id }}/">All Results</a>
      {% else %}
      <a href="/rowers/courses/{{ course.id}}/?onlyme=true">Only My Results</a>
      {% endif %}
    </p>
    <p>

    <form id="result_filter_form", method="post">
    <table>
      {{ form.as_table }}
    </table>

    {% csrf_token %}
    <input type="submit" value="Submit">
    </p>
  </li>
  {% endif %}
  {% else %}
  {% if workoutid %}
  <li>
    <p>
      Suggested Workout: {{ workoutid|getworkoutname }}
      <br /><a href="/rowers/workout/{{ workoutid }}/submit/{{ course.id }}/" target="__">Measure time on course</a>
      
    </p>
  </li>
  {% endif %}
  {% endif %}
  {% if ownrecords %}
    <li class="grid_4">
    <h2>Own (Private) Results</h2>
    <p>
    <table class="listtable shortpadded">
      <thead>
        <tr>
          <th>Time</th>
          <th>Distance</th>
          <th>Date</th>
        </tr>
      </thead>
      <tbody>
        {% for record in ownrecords %}
        <tr>
          <td>{{ record.duration |durationprint:"%H:%M:%S.%f" }}</td>
          <td>{{ record.distance }} m</td>
          <td>{{ record.workoutid|workoutdate }}</td>
          <td>
            <a title="Details" href="/rowers/workout/{{ record.workoutid|encode }}/view/">
              <i class="fas fa-search-plus fa-fw"></i></a>
            </td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
    </p>
  </li>
{% endif %}
</ul>

{% endblock %}

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