{% extends "base.html" %}
{% block title %}Exercises{% endblock %}
{% block content %}
<h1>Exercises</h1>

<details>
    <summary>Filter by Body Part</summary>
    <div>
        <a href="/exercises" role="button" class="secondary {% if not selected_body_part %}outline{% endif %}">All</a>
        {% for bp in body_parts %}
        <a href="/exercises?body_part={{ bp }}" role="button" class="secondary {% if selected_body_part == bp %}outline{% endif %}">{{ bp }}</a>
        {% endfor %}
    </div>
</details>

<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Body Part</th>
            <th>Equipment</th>
        </tr>
    </thead>
    <tbody>
        {% for e in exercises %}
        <tr>
            <td><strong>{{ e.name }}</strong></td>
            <td>{{ e.body_part or '—' }}</td>
            <td>{{ e.equipment or '—' }}</td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% endblock %}