{% extends "base.html" %}

{% block title %}Tree{% endblock title %}

{%- block body %}
    {% if graph.nodes or root_node %}
    <h1>Tree</h1>
    <ul>
    {% if root_node and root_node.listed %}
    <li>
        <a href="/node/{{root_node.id}}">{{root_node.title}}</a>
        <span class="label root-label">Root</span>
        {% if root_node.connections or graph.meta.config.tree_node_summary %}
        <ul>
            {% if graph.meta.config.tree_node_summary %}
            <li class="tree-node-summary">
                    {{root_node.summary}}
            </li>
            {% endif %}
            {% if root_node.connections %}
            {% if graph.meta.config.tree_node_summary %}<li><strong>Connections</strong>
                <ul>{% endif %}
                {% for _, connection in root_node.connections %}
                {% if not connection.detached %}
                    <li><a href="/node/{{connection.to}}">{{connection.to}}</a></li>
                {% endif %}
                {% endfor %}
                {% if graph.meta.config.tree_node_summary %}</ul>
            </li>{% endif %}
            {% endif %}
        </ul>
        {% endif %}
    </li>
    {% endif %}
    {% if graph.nodes %}
    {% for id, node in graph.nodes %}
    {% if not node.listed or (root_node and node.id == root_node.id ) %}{% continue %}{% endif %}
    <li>
        <a href="/node/{{node.id}}">{{node.title}}</a>
        {% if node.connections or graph.meta.config.tree_node_summary %}
        <ul>
            {% if graph.meta.config.tree_node_summary %}
            <li class="tree-node-summary">
                    {{node.summary}}
            </li>
            {% endif %}
            {% if node.connections %}
            {% if graph.meta.config.tree_node_summary %}<li><strong>Connections</strong>
                <ul>{% endif %}
                {% for _, connection in node.connections %}
                {% if not connection.detached %}
                    <li><a href="/node/{{connection.to}}">{{connection.to}}</a></li>
                {% endif %}
                {% endfor %}
                {% if graph.meta.config.tree_node_summary %}</ul>
            </li>{% endif %}
            {% endif %}
        </ul>
        {% endif %}
    </li>
    {% endfor %}
    </ul>
    {% endif %}
    {% else %}
    {% include "empty.html" %}
    {% endif %}
{%- endblock body %}