{% import "components/plant.html" as comp_plant %}

<h1>Plants</h1>

<ul id="plants">
{% for plant in plants %}
    {{ comp_plant::li(plant=plant) }}
{% endfor %}
{% if not is_final_page %}
<div 
    aria-busy="true"
    hx-get="/plants?{{ query }}"
    hx-select="ul > *"
    hx-trigger="revealed"
    hx-target="this"
    hx-swap="outerHTML">
</div>
{% endif %}
</ul>