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

{% block title %}Rowsandall Virtual Race{% endblock %}

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

{% block content %}

<div class="grid_12 alpha">
  
  <h1>{{ race.name }}</h1>

  
</div>

<div class="grid_12 alpha">
  <div class="grid_8 alpha">
    <div id="raceinfo">
      <h2>Race Information</h2>
      <p>
        <table class="listtable shortpadded" width="80%">
          <tbody>
            <tr>
              <th>Course</th><td>{{ race.course }}</td>
            </tr>
            <tr>
              <th>Distance</th><td>{{ race.sessionvalue }} m</td>
            </tr>
            <tr>
              <th>Registration closure</th>
              <td>{{ race.registration_closure }}</td>
            </tr>
            <tr>
              <th>Date</th><td>{{ race.startdate }}</td>
            </tr>
            <tr>
              <th>Race Window</th><td>{{ race.startdate }} {{ race.start_time }} to {{ race.enddate }} {{ race.end_time }}</td>
            </tr>
            <tr>
              <th>Results Submission Deadline</th><td>{{ race.evaluation_closure }}</td>
            </tr>
            <tr>
              <th>Organizer</th><td>{{ race.manager.first_name }} {{ race.manager.last_name }}</td>
            </tr>
            <tr>
              <th>Contact Email</th><td>{{ race.contact_email }}</td>
            </tr>
            <tr>
              <th>Contact Phone</th><td>{{ race.contact_phone }}</td>
            </tr>
            <tr>
              <th>Comment</th><td>{{ race.comment|linebreaks }}</td>
            </tr>
          </tbody>
        </table>
      </p>
    </div>
    <div id="registerbuttons">
        {% if request.user.is_anonymous %}
      <p>
        Registered users of rowsandall.com can participate in this event. Participation is free, unless specified differently in the race comment above.
      </p>
      {% else %}
        <p>
          See race rules below. Participation to this race is free,
          unless specified differently in the race comment above.
        </p>
        <p>
        {% for button in buttons %}
        {% if button == 'registerbutton' %}
        <a href="/rowers/virtualevent/{{ race.id }}/register" class="button gray small grid_2">Register</a>
        {% endif %}
        {% if button == 'submitbutton' %}
        <a href="/rowers/virtualevent/{{ race.id }}/submit" class="button gray small grid_2">Submit Result</a>
        {% endif %}
        {% if button == 'resubmitbutton' %}
        <a href="/rowers/virtualevent/{{ race.id }}/submit" class="button gray small grid_2">Submit New Result</a>
        {% endif %}
        {% if button == 'withdrawbutton' %}
        <a href="/rowers/virtualevent/{{ race.id }}/withdraw" class="button gray small grid_2">Withdraw</a>
        {% endif %}
        {% if button == 'adddisciplinebutton' %}
        <a href="/rowers/virtualevent/{{ race.id }}/adddiscipline" class="button gray small grid_2">Register New Boat</a>
        {% endif %}
        {% if button == 'editbutton' %}
        <a href="/rowers/virtualevent/{{ race.id }}/edit" class="button gray small grid_2">Edit Race</a>
        {% endif %}
        {% endfor %}
      </p>
        {% endif %}
    </div>
    <div id="results">
      <h2>Results</h2>
      <p>
        {% if results or dns %}
        <table class="listtable shortpadded" width="100%">
          <thead>
            <tr>
              <th>&nbsp;</th>
              <th>Name</th>
              <th>Team Name</th>
              <th>&nbsp;</th>
              <th>&nbsp;</th>
              <th>&nbsp;</th>
              <th>Class</th>
              <th>Boat</th>
              <th>Time</th>
              <th>Distance</th>
              <th>Details</th>
            </tr>
          </thead>
          <tbody>
            {% for result in results %}
            <tr>
              <td>{{ forloop.counter }}</td>
              <td>
                <a href="/rowers/workout/{{ result.workoutid }}">
                  {{ result.username }}</a></td>
              <td>{{ result.teamname }}</td>
              <td>{{ result.age }}</td>
              <td>{{ result.sex }}</td>
              <td>{{ result.weightcategory }}</td>
              <td>{{ result.boatclass }}</td>
              <td>{{ result.boattype }}</td>
              <td>{{ result.duration |durationprint:"%H:%M:%S.%f" }}</td>
              <td>{{ result.distance }} m</td>
              <td>
                <a href="/rowers/workout/{{ result.workoutid }}">
                  Details</a></td>
            </tr>
            {% endfor %}
            {% for result in dns %}
            <tr>
              <td>&nbsp;</td>
              <td>{{ result.username }}</td>
              <td>{{ result.teamname }}</td>
              <td>{{ result.age }}</td>
              <td>{{ result.sex }}</td>
              <td>{{ result.weightcategory }}</td>
              <td>{{ result.boatclass }}</td>
              <td>{{ result.boattype }}</td>
              <td>DNS</td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
        {% else %}
        No results yet
        {% endif %}
      </p>
    </div>
    <div id="registered">
      {% if records %}
      <h2>Registered Competitors</h2>
      <table class="listtable shortpadded" width="80%">
        <thead>
          <tr>
            <th>Name</th>
            <th>Team Name</th>
            <th>Class</th>
            <th>Boat</th>
            <th>Age</th>
            <th>Gender</th>
            <th>Weight Category</th>
          </tr>
        <tbody>
          {% for record in records %}
          <tr>
            <td>{{ record.username }}
            <td>{{ record.teamname }}</td>
            <td>{{ record.boatclass }}</td>
            <td>{{ record.boattype }}</td>
            <td>{{ record.age }}</td>
            <td>{{ record.sex }}</td>
            <td>{{ record.weightcategory }}</td>
            {% if record.userid == rower.id and 'withdrawbutton' in buttons %}
            <td>
              <a href="/rowers/virtualevent/{{ race.id }}/withdraw/{{ record.id }}" >Withdraw</a>
            </td>
            {% endif %}
          </tr>
          {% endfor %}
        </tbody>
      </table>
      {% endif %}
    </div>
    <div id="rules">
      <h2>Rules</h2>
      <p>
        Virtual races are intended as an informal way to add a
        competitive element to training and as a quick way to set
        up and manage small regattas.
      </p>
        <p>
          As a rowsandall.com user, you can
          register to take part in this event. Please note the registration
          deadline. You must register before this deadline.
          You can always withdraw from participating before the registration
          deadline or the start of the race window, whichever is earlier.
        </p>
        <p>
          After the start of the race window and before the submission deadline,
          you can submit results by linking the race to one of your uploaded
          workouts. The workout start time must be within the race window
          and your course must pass through the blue polygons on the course
          map (in the right order), for your result to be valid.
        </p>
      <p>
        The results table has a link to a page where details of your workout
        are shown. 
      </p>
      <p>
        Race results are stored permanently and are not deleted when
        you delete the respective workout or remove your account.
        By registering, you agree with this and the race rules.
      </p>
      <p>
        Virtual Racing on rowsandall.com is honors based. Please be a good
        sport, submit real results rowed by you, and make sure you set the
        boat type correctly. For (future functionality) age and gender
        corrected times, please be sure your gender and birth date are set
        correctly in your user settings.
      </p>
      <p>
        Virtual races are intended as an informal way to add a
        competitive element to training. Virtual races are not
        refereed or staffed to provide for participants safety.
        Individual participants are entirely responsible for their
        safety while participating in a virtual race.
        </p>
    </div>
  </div>
  <div class="grid_4 omega">
    <p>
    <h2>Course</h2>
    {{ coursediv|safe }}

    {{ coursescript|safe }}

    </p>

    {% if form %}
    <p>
    <h2>Filter Results</h2>

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

    {% csrf_token %}
    <input class="button green" type="submit" value="Submit">
    </p>
    {% endif %}
  </div>
</div>

{% endblock %}
