{% load otree_internal %}
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="top_menu">
    <a class="navbar-brand" href="/">oTree</a>

    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent">
        <span class="navbar-toggler-icon"></span>
    </button>

    <div class="navbar-collapse collapse" id="navbarSupportedContent">
        <ul class="navbar-nav">
            <li class="nav-item {% active_page request 'DemoIndex' %}"><a class="nav-link" href="{% url 'DemoIndex' %}">Demo</a></li>
            <li class="nav-item {% active_page request 'Sessions' %}"><a class="nav-link" href="{% url 'Sessions' %}">Sessions</a></li>
            <li class="nav-item {% active_page request 'Rooms' %}"><a class="nav-link" href="{% url 'Rooms' %}">Rooms</a></li>
            <li class="nav-item {% active_page request 'ExportIndex' %}"><a class="nav-link" href="{% url 'ExportIndex' %}">Data</a></li>
            <li class="nav-item {% active_page request 'ServerCheck' %}"><a class="nav-link" href="{% url 'ServerCheck' %}">Server Check</a></li>
            <li class="nav-item _otree-core-updates"></li>

            {% if request.user.is_authenticated %}
                <li><a class="nav-link" href="{% url 'logout' %}">Logout</a></li>
            {% endif %}
        </ul>
    </div>
</nav>
