{% load staticfiles %}
{% load wnsq_tags %}

<nav class="navigation-bar fixed-top dark">
    <nav class="navigation-bar-content">
        <a href="{% url 'homepage' %}"><img class="element" src="{% static 'img/green_nose.png' %}"/></a>
        <span class="element-divider"></span>

        {% if request.user.is_authenticated %}

            <div class="element input-element">
                <form method="get" action="{% url 'search_results' %}" onsubmit="check_empty()">
                    <div class="input-control text">
                        <input type="text" placeholder="Search..." name="query" id="query">
                        <button class="btn-search"></button>
                    </div>
                </form>
            </div>


            {% if request.user|check_group:"A" %}
                <div class="element">
                    <a class="dropdown-toggle" href="#">Projects</a>
                    <ul class="dropdown-menu" data-role="dropdown">
                        <li><a href="{% url 'projects_list' %}">Projects</a></li>
                        {% if request.user|check_group:"L" %}
                        <li class="divider"></li>
                        <li><a href="{% url 'clients_list' %}">Clients</a>
                        </li>
                        <li><a href="{% url 'client offices_list' %}">Offices</a>
                        </li>
                        {% endif %}
                        <li><a href="{% url 'contact persons_list' %}">Contacts</a>
                        </li>

                    </ul>
                </div>
            {% endif %}

            <div class="element">
                <a class="dropdown-toggle" href="#">Samples</a>
                <ul class="dropdown-menu" data-role="dropdown">
                    <li><a href="{% url 'samples_list' %}">All samples</a></li>
                    <li><a href="{% url 'samples_list' %}?type=odour">Odour samples
                    </a>
                    </li>
                    <li><a href="{% url 'samples_list' %}?type=reference">Reference samples</a></li>
                </ul>
            </div>


            <div class="element">
                <a class="dropdown-toggle" href="#">Panel</a>
                <ul class="dropdown-menu" data-role="dropdown">
                    <li><a href="{% url 'panelists_list' %}">Panel overview</a></li>
                    <li><a href="{% url 'panel_performance' %}">Panel performance</a></li>
                    <li><a href="{% url 'labhistory' %}">Lab performance</a></li>
                </ul>
            </div>


            <div class="element">
                <a class="dropdown-toggle" href="#">Measurements</a>
                <ul class="dropdown-menu" data-role="dropdown">
                    <li><a href="{% url 'measurements_list' %}">All</a></li>
                    <li><a href="{% url 'measurements_list' %}?type=odour">Odour</a>
                    </li>
                    <li><a href="{% url 'measurements_list' %}?type=reference">Reference</a>
                    </li>
                    <li><a href="{% url 'measurements_list' %}?type=quality">Qualitative</a></li>
                </ul>
            </div>

            <div class="element">
                <a class="dropdown-toggle" href="#">Equipment</a>
                <ul class="dropdown-menu" data-role="dropdown">
                    <li><a href="{% url 'bags_list' %}">Bags</a></li>

                    {% if request.user|check_group:"L" %}
                        <li><a href="{% url 'reference gases_list' %}">Reference
                            Gases</a></li>
                        <li><a href="{% url 'olfactometers_list' %}">Olfactometers</a>
                        </li>
                    {% endif %}

                </ul>
            </div>

            <!-- templates for head of, lab tech may create users with lower rights, as helpers -->
            {% if request.user|check_group:"A" %}
                <div class="element">
                    <a class="dropdown-toggle" href="#">System</a>
                    <ul class="dropdown-menu" data-role="dropdown">
                        <li><a href="{% url 'users_list' %}">User
                            Management</a></li>
                        {% if request.user|check_group:"L" %}
                        <li><a href="{% url 'templates_list' %}">Report templates</a></li>
                        {% endif %}
                        <li class="divider"></li>
                        <li><a href="{% url 'about_page' %}">About</a></li>
                    </ul>
                </div>
            {% endif %}

        {% endif %}

        <!-- user logged in, display some user menu -->
        {% if user.is_authenticated %}
            <div class="element place-right">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    {{ user.username }}
                    <span class="icon-user on-right"></span>
                </a>

                <ul class="dropdown-menu place-right" data-role="dropdown">
                    <li><a href="{% url 'change_password' %}">Change password</a></li>
                    <li class="divider"></li>
                    <li><a href="{% url 'logout_page' %}">Logout</a></li>
                </ul>
                <!-- user not logged in -->
            </div>
        {% else %}
            <a class="element place-right" href="{% url 'login_page' %}">Login<span
                    class="icon-locked-2 on-right-more"></span></a>
        {% endif %}


    </nav>
</nav>

<script>
    function check_empty() {
        return false;
    }
</script>