{% extends "base.html" %}

{% block title %}Exercise Library — SneakySwole{% endblock %}

{% block content %}
<hgroup>
    <h1>Exercise Library</h1>
    <p>Browse all exercises with form cues and programming details.</p>
</hgroup>

<!-- HTMX-powered filters -->
<div class="grid">
    <select name="workout_day"
            hx-get="/exercises/search"
            hx-target="#exercise-results"
            hx-include="[name='muscle_group']">
        <option value="">All Days</option>
        {% for day in workout_days %}
        <option value="{{ day.name }}">{{ day.name }}</option>
        {% endfor %}
    </select>

    <select name="muscle_group"
            hx-get="/exercises/search"
            hx-target="#exercise-results"
            hx-include="[name='workout_day']">
        <option value="">All Muscle Groups</option>
        {% for mg in muscle_groups %}
        <option value="{{ mg }}">{{ mg }}</option>
        {% endfor %}
    </select>
</div>

<!-- Exercise results (replaced by HTMX on filter change) -->
<div id="exercise-results">
    {% include "partials/exercise_list.html" %}
</div>
{% endblock %}