{% extends "base.html" %}

{% block title %} — Exercises{% endblock %}

{% block content %}
<section class="exercises-page">
  <h2>Exercise Configuration</h2>

  <p class="instruction">
    The movement pattern is what matters. Select an equivalent exercise
    if your facility requires it. The program structure is preserved regardless
    of which specific implement you use.
  </p>

  {% for day in days %}
  <div class="exercise-day">
    <h3 class="day-header">Day {{ day.number }}: {{ day.name }}</h3>

    {% for slot in day.slots %}
    <div class="exercise-slot">
      <div class="slot-current">
        <span class="slot-canonical">{{ slot.canonical_name }}</span>
        {% if slot.has_substitute %}
        <span class="slot-active">&rarr; {{ slot.active_name }}</span>
        {% endif %}
      </div>

      {% if slot.options %}
      <form method="post" action="/exercises/swap" class="swap-form">
        <input type="hidden" name="canonical-id" value="{{ slot.canonical_id }}">
        <select name="substitute-id">
          <option value="0"
            {% ifequal slot.active_id slot.canonical_id %}selected{% endifequal %}>
            {{ slot.canonical_name }} (default)
          </option>
          {% for option in slot.options %}
          <option value="{{ option.id }}"
            {% ifequal option.id slot.active_id %}selected{% endifequal %}>
            {{ option.name }}
          </option>
          {% endfor %}
        </select>
        <button type="submit" class="btn-swap">SWAP</button>
      </form>
      {% endif %}
    </div>
    {% endfor %}
  </div>
  {% endfor %}

  <a href="/" class="btn-secondary">Return to Dashboard</a>
</section>
{% endblock %}

{% block quote %}
<blockquote>
  &ldquo;The specific exercise is less important than the principle it serves.
  What matters is that the target muscle is worked to failure through a full
  range of motion.&rdquo;
  <cite>&mdash; Mike Mentzer</cite>
</blockquote>
{% endblock %}