{% load otree_tags %}
<!--bootstrap popover launch-->
<!--end bootstrap popover launch-->
<div class="navbar navbar-inverse navbar-fixed-top" id="top_menu">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="/">oTree</a>
    </div>
    <div class="collapse navbar-collapse">
        <ul class="nav navbar-nav">
            <li class="{% active_page request 'demo_index' %}"><a href="{% url 'demo_index' %}">Demo</a></li>
            <li class="{% active_page request 'sessions' %}"><a href="{% url 'sessions' %}">Sessions</a></li>
            <li class="{% active_page request 'export' %}"><a href="{% url 'export' %}">Export</a></li>
            <li class="dropdown {% active_page request 'persistent_lab_urls' %}">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                Integration<span class="caret"></span>
            </a>
            <ul class="dropdown-menu" role="menu">
                <li><a href="{% url 'persistent_lab_urls' %}">Persistent URLs</a></li>
            </ul>
            </li>
            {% if request.user.is_authenticated %}
                <li><a href="{% url 'logout' %}">Logout</a></li>
            {% endif %}
        </ul>
    </div><!--/.nav-collapse -->
</div><!--/.navbar -->
