{% macro li(comment) %}
<li>{{ comment.comment }}</li>
{% endmacro li %}

{% macro list(comments) %}
<div id="comments">
    <ul id="comments_ul">
    {% for comment in comments %}
        {{ self::li(comment=comment) }}
    {% endfor %}
    </ul>
</div>
{% endmacro list %}

{% macro form(plant_id, target="#comments > ul") %}
<form hx-post="/comments" hx-target="{{ target }}" hx-swap="beforeend">
    <input type="hidden" id="plant_id" name="plant_id" value="{{ plant_id }}">
    <label for="comment">Comment:</label>
    <textarea id="comment" name="comment" rows=4></textarea></br>
    <input type="submit">
</form>
{% endmacro form %}