{% if nav_item.children %}
    {% if not nav_item.ancestors %}
        <ul class="subnav">
	    <li><span>{{ nav_item.title }}</span></li>
            {% for nav_item in nav_item.children %}
	        {% if not nav_item.title.startswith("_") %}
	            {% include 'toc.html' %}
	        {% endif %}
	    {% endfor %}
        </ul>
    {% else %}
        <li class="toctree-l1 {% if nav_item.active%}current{%endif%}">
            <a class="{% if nav_item.active%}current{%endif%}" href="{{ nav_item.children[0].url }}">{{ nav_item.title }}</a>        
            {% if current_page in nav_item.children %}
                <ul class="subnav">
                    {% for nav_item in nav_item.children %}
	                {% include 'toc.html' %}
	            {% endfor %}
                </ul>
            {% endif %}
        </li>
    {% endif %}
{% else %}
    <li class="toctree-l1 {% if nav_item.active%}current{%endif%}">
        <a class="{% if nav_item.active%}current{%endif%}" href="{{ nav_item.url }}">{{ nav_item.title }}</a>
        {% if nav_item == current_page %}
            <ul>
            {% for toc_item in toc %}
                {% for toc_item in toc_item.children %}
                    <li><a class="toctree-l4" href="{{ toc_item.url }}">{{ toc_item.title }}</a></li>
                {% endfor %}
            {% endfor %}
            </ul>
        {% endif %}
    </li>
{% endif %}