{% extends "base.html" %}
{% block title %}kvault — Browse{% endblock %}
{% block content %}
<h1>Browse</h1>
<div id="browse-wrap">
    <aside id="tree-sidebar" aria-label="Knowledge tree">
        <ul id="tree-top">
        {% for node in tree_nodes recursive %}
            <li>
                <a class="tree-link{% if selected_path == node.path %} is-active{% endif %}"
                   data-path="{{ node.path }}"
                   href="{{ node.browse_url }}">{{ node.name.replace('_', ' ') | title }}</a>
                {% if node.children %}
                    <ul class="tree-nested">
                        {{ loop(node.children) }}
                    </ul>
                {% endif %}
            </li>
        {% endfor %}
        </ul>
    </aside>
    <section id="content-panel">
        {% if entity is defined %}
            {% include "partials/entity_content.html" %}
        {% else %}
            <p class="tree-empty">Select an item from the tree.</p>
        {% endif %}
    </section>
</div>
{% endblock %}