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

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

{% block scripts %}
<script>
  setTimeout("location.reload(true);",180000);
</script>
<script
  type='text/javascript'
  src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'>
</script>

{% endblock %}

{% block main %}
<style>
  #mypointer {
  cursor: pointer;
  }
  div.columns       { width: 100%; }
  div.columns div   { width: 20%; padding: 10px; float: left; }
  div.icondiv svg { height: 35px; }
</style>


<h1>
  Workouts of {{ rower.user.first_name }} {{ rower.user.last_name }}
</h1>


<ul class="main-content">
    <li class="grid_4">
      <span>
        {% if workouts.has_previous %}
        {% if request.GET.q %}
        <a href="?page=1&q={{ request.GET.q }}">
          <i class="fas fa-arrow-alt-to-left"></i>
        </a>
        <a
          href="?page={{ workouts.previous_page_number }}&q={{ request.GET.q }}&when={{ timeperiod }}">
          <i class="fas fa-arrow-alt-left"></i>
        </a>
        {% else %}
        <a href="?page=1&when={{ timeperiod }}">
          <i class="fas fa-arrow-alt-to-left"></i>
        </a>
        <a href="?page={{ workouts.previous_page_number }}&when={{ timeperiod }}">
          <i class="fas fa-arrow-alt-left"></i>
        </a>
        {% endif %}
        {% endif %}

      </span>
    </li>
    <li class="grid_4">
      <form method="post" target="">
      {% csrf_token %}
      {{ rpe_formset.management_form }}
      <table width="100%">
	<thead>
	  <tr>
	    <th>&nbsp;</th>
	    <th>&nbsp;</th>
	    <th>&nbsp;</th>
	    {% for field in rpe_formset.0.visible_fields %}
	    <td>{{ field.label_tag }}</td>
	    {% endfor %}
	  </tr>
	</thead>
	<tbody>
	  {% for form in rpe_formset %}
	  <tr class="session_form_row">
	    <td>
	      {{ form.id }}
	      {% for field in form.hidden_fields %}
	      {{ field }}
	      {% endfor %}
	    </td>
	    <td>
	      {% if form.instance.pk %}{{ form.instance.startdatetime }}{% endif %}
	    </td>
	    <td>
	      {% if form.instance.pk %}{{ form.instance.name }}{% endif %}
	    </td>
	    {% if form.instance.pk %}
	    {% for field in form.visible_fields %}
	    <td>
	      {{ field }}
	    </td>
	    {% endfor %}
	    {% endif %}
	  </tr>
	  {% endfor %}
	</tbody>
      </table>
      <button type="submit">Submit</button>
      </form>
    </li>
    

    {% if workouts %}
        {% for workout in workouts %}
        <li class="grid_4 divlines">
          {{ workout.date|date:"Y-m-d" }} {{ workout.starttime|date:"H:i" }}
          {% if workout.duplicate %}
          <span style="font-size: smaller"><i class="fal fa-angle-double-up"></i></span>
          {% endif %}
          {% if workout.rankingpiece %}
          <span style="font-size: smaller"><i class="fal fa-asterisk"></i></span>
          {% endif %}
	  {% if workout.rpe == 0 %}
	  <span style="font-size: smaller">
	    <a href="/rowers/workout/{{ workout.id|encode }}/edit/">No RPE</a>
	  </span>
	  {% endif %}
          <div>
            {% if workout.name != '' %}
            <h3>
              {% if team %}
              <a
              href={% url rower.defaultlandingpage3 id=workout.id|encode %}
              title="{{ rower.defaultlandingpage3|verbose }}">
              {{ workout.name }} ({{ workout.user.user.first_name }} {{ workout.user.user.last_name}})
              </a>
              {% else %}
              <a
              href={% url rower.defaultlandingpage3 id=workout.id|encode %}
              title="{{ rower.defaultlandingpage3|verbose }}">
              {{ workout.name }}
              </a>
              {% endif %}
            </h3>
            {% else %}
            <h3>
              {% if team %}
              <a
              href={% url rower.defaultlandingpage id=workout.id|encode %}
              title="{{ rower.defaultlandingpage|verbose }}">
              No Name  ({{ workout.user.user.first_name }} {{ workout.user.user.last_name}})
              </a>
              {% else %}
              <a
              href={% url rower.defaultlandingpage id=workout.id|encode %}
              title="{{ rower.defaultlandingpage|verbose }}">
              No Name
              </a>
              {% endif %}
            </h3>
            {% endif %}
          </div>
          <div class="workoutcontainer">
          <div class="icondiv">
            {% with workout.workouttype|icon|safe as templateName %}
            {% include templateName %}
            {% endwith %}
          </div>
          <div class="workoutelement">
            <span style="color:#555">Distance</span><br>
            {{ workout.distance|distanceprint }}
          </div>
          <div class="workoutelement">
            <span style="color:#555">Time</span><br>
            {{ workout.duration |durationprint:"%H:%M:%S.%f" }}
          </div>
          <div class="workoutelement">
            {% if workout|may_edit:request %}
            <a class="small"
            href={% url rower.defaultlandingpage id=workout.id|encode %}
            title="{{ rower.defaultlandingpage|verbose }}">
            <i class="{{ rower.defaultlandingpage|landingicon }}"></i></a>
            {% else %}
            &nbsp;
            {% endif %}
          </div>
          <div class="workoutelement">
            {% if workout|may_edit:request %}
            {% if rower.defaultlandingpage2 != 'workout_delete' %}
            <a class="small"
            href={% url rower.defaultlandingpage2 id=workout.id|encode %}
            title="{{ rower.defaultlandingpage2|verbose }}">
            <i class="{{ rower.defaultlandingpage2|landingicon }}"></i></a>
            {% else %}
            <a class="small"
            href={% url rower.defaultlandingpage2 id=workout.id|encode %}
            title="{{ rower.defaultlandingpage2|verbose }}">
            <i class="{{ rower.defaultlandingpage2|landingicon }}"></i></a>
            {% endif %}
            {% else %}
            &nbsp;
            {% endif %}
          </div>
          </div>
        </li>

        {% endfor %}

    {% else %}
    <li> No workouts found </li>
    {% endif %}
</ul>

{% endblock %}

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