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

{% block title %}Rowsandall Courses List{% endblock %}

{% block scripts %}

{% endblock %}

{% block main %}
<style>
  #mypointer {
  cursor: pointer;
  }
</style>



<h1>Courses</h1>

<ul class="main-content">
  <li class="grid_3">
    {% if courses %}
    <p>
    <table width="100%" class="listtable shortpadded">
      <thead>
        <tr>
          <th> Country</th>
          <th> Name</th>
          <th> Distance</th>
        </tr>
      </thead>
      <tbody>
        {% for course in courses %}
        <tr>
          <td> {{ course.country }} </td>
          <td>
            {% if course.manager.user == user %}
            <a href="/rowers/courses/{{ course.id }}/edit/">{{ course.name }}</a>
            {% else %}
            <a href="/rowers/courses/{{ course.id }}/">{{ course.name }}</a>
            {% endif %}
          </td>
          <td>
            {{ course.distance }} m
          </td>
          
        </tr>

        {% endfor %}
      </tbody>
    </table>
    </p>
    {% else %}
    <p> No courses found </p>
    {% endif %}
  </li>
  <li>
    <p>
      <form id="searchform" action="/rowers/list-courses/"
            method="get" accept-charset="utf-8">
        {{ searchform }}
        <input type="submit" value="GO"></input>
      </form>
    </p>
    <p>
      <a href="/rowers/courses/upload/">Add Courses</a>
    </p>
    {% if announcements %}
    <h3>What's New?</h3>
    {% for a in announcements %}
    <div class="site-announcement-box">
      <div class="site-announcement">
        <i>{{ a.created }}:</i>
        {{ a.announcement|urlize }}
      </div>
    </div>
    {% endfor %}
    <p>&nbsp;</p>
    {% endif %}
    
  </li>

  <li class="grid_4">
    <h2>How-to</h2>
    <p>
      Courses allow you to mark the start & finish lines of your
      test pieces and measure the time spent on the course (as opposed
      to the total duration of a workout). This allows you to row and rank
      marked courses.
      
      To create a course, you use <a href="https://www.google.com/earth/">Google Earth</a>
      to mark the start and finish lines using polygons. The process is identical
      to creating custom courses for the
      <a href="http://performancephones.com/crewnerd/">CrewNerd</a>
      app.      
      
    </p>

    <p>CrewNerd has published a nice video tutorial of the process.
      <a href="https://youtu.be/whhWFmMJbhM">Click here</a> to see the video. The part
      we're interested in starts at 2:05.
    </p>
    
    <p>
      In addition to start and finish areas, on rowsandall.com you can add additional
      polygons to mark areas that you must pass (in that order). This allows for
      courses with turns around buoys, respecting buoy lines, or respecting traffic
      patterns on rivers and lakes. 
    </p>
    
    <p>
      <ul>
        <li>Open Google Earth</li>
        <li>Create a folder "Courses" under "Temporary Places" or under "My Places"</li>
        <li>Create a folder for each Course under "Courses", and for each course:</li>
        <li>Create Start polygon</li>
        <li>Optional: Create First "must row through" polygon</li>
        <li>Optional: Create subsequent "must row through" polygons</li>
        <li>Create Finish polygon</li>
        <li>Save "Courses" as KML file</li>
        <li>Upload the file to rowsandall.com using the "Add Courses" button</li>
      </ul>
    </p>

    <p>You are allowed to have multiple courses in one KML file.
      Your CrewNerd "courses.kml" file works out of the box</p>
    
    <p>The site doesn't test for duplicate courses.</p>

  </li>
</ul>
  {% endblock %}

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