{% if exercises %}
<ul class="list-none m-0 p-0 max-h-[300px] overflow-y-auto border border-gray-200">
    {% for exercise in exercises %}
    {{ render_partial('partials/exercise/exercise_list_item.html', exercise=exercise, person_id=person_id) }}
    {% endfor %}
</ul>
{% else %}
<div class="py-2 px-4 text-gray-500 flex items-center justify-between border border-gray-200">
    <span>No results found</span>
    <!-- Add Exercise Button -->
    <button hx-post="{{ url_for('add_exercise', person_id=person_id) }}" hx-target="closest div" hx-swap="outerHTML"
        hx-include="[name='query']" class="text-blue-500 hover:text-blue-700 font-semibold"
        _="on click from me call event.stopPropagation()">
        Add Exercise
    </button>
</div>
{% endif %}