{% extends 'base.html.twig' %}

{% block title %}{{ path }} | Gaisen{% endblock %}

{% macro render_tree(tree, prefix = '') %}
    <ul>
    {% for name, subtree in tree %}
        <li>
            <a href="{{ path('app_index', {
                path: prefix ~ name
            }) }}">
                {{ name }}
            </a>
            {{ _self.render_tree(subtree, name ~ '/') }}
        </li>
    {% endfor %}
    </ul>
{% endmacro %}

{% block body %}
<div class="d-flex flex-column" style="min-height: 100vh;">
    <div class="bg-neutral-3 border-bottom fs-1 p-2 ps-3">
        Gaisen
    </div>
    <div class="d-flex flex-row flex-grow-1">
        <div class="border-end bg-neutral-2 p-3">
            {{ _self.render_tree(tree) }}
        </div>
        <div class="p-3">
            {% if contents is not null %}
                {{ contents|markdown_to_html }}
            {% else %}
                <span class="text-muted">Empty</span>
            {% endif %}
            {% if metadata.tags is defined %}
            <div class="d-flex flex-row gap-2 pt-2">
                <div>tags:</div>
                {% for tag in metadata.tags|default([]) %}
                    <div><a href="/search?q={{tag}}">{{ tag }}</a></div>
                {% endfor %}
            </div>
            {% endif %}
        </div>
    </div>
    <div class="bg-neutral-3 border-top p-1">
        Version: <span class="text-muted">{{ version }}</span>
    </div>
</div>
{% endblock %}