{% macro render_node(node, work_item_id) %}
<section id="{{ node.dom_id }}" class="minimal-node minimal-node-{{ node.kind|lower }}">
    <div class="minimal-node-header">
        <div>
            <div class="minimal-node-kicker">
                <span class="badge badge-default">{{ node.kind }}</span>
                {% if not node.is_root %}
                <span class="text-xs text-muted">{{ node.resolution_source_label }}</span>
                {% endif %}
            </div>
            <h3 class="minimal-node-title">
                {% if node.href %}
                <a href="{{ node.href }}">{{ node.display_label }}</a>
                {% else %}
                {{ node.display_label }}
                {% endif %}
            </h3>
            <div class="minimal-node-meta">
                <code>{{ node.entity_id }}</code>
            </div>
        </div>
        {% if node.allowed_child_kinds %}
        <div class="minimal-node-actions">
            {% for action in node.allowed_child_kinds %}
            <button
                class="btn btn-sm btn-secondary"
                type="button"
                hx-get="/accessioning/minimal/work-items/{{ work_item_id }}/nodes/{{ node.url_node_id }}/composer?kind={{ action.kind }}"
                hx-target="#{{ node.dom_id }}-composer"
                hx-swap="innerHTML"
            >+ {{ action.label }}</button>
            {% endfor %}
        </div>
        {% endif %}
    </div>

    <div id="{{ node.dom_id }}-composer"></div>

    {% if node.children %}
    <div class="minimal-node-children">
        {% for child in node.children %}
        {{ render_node(child, work_item_id) }}
        {% endfor %}
    </div>
    {% elif node.is_container %}
    <div class="minimal-empty">No captured children yet.</div>
    {% endif %}
</section>
{% endmacro %}