{% extends "base.html" %}

{% load static %}
{% load compress %}

{% block extra_head %}
    {% compress js %}
        <script src='{% static "js/top_level_base.js" %}'></script>
        <script src='{% static "js/sorttable.js" %}' charset='iso-8859-1'></script>
    {% endcompress %}
    {% compress css %}
        <link type='text/css' href='{% static "css/sidebar.css" %}' rel="stylesheet">
    {% endcompress %}
{% endblock %}

{% block extra_header_content %}
    {% spaceless %}
        {# Settings menu #}
        <a id="top-menu-toggler" href="#">&bull;<br>&bull;<br>&bull;</a>
        <div id="top-menu">
            <ul>
                <li class="border-after" disabled>
                    <div id="user-menu-item">
                        <i class="icon-user-circle"></i> {{request.session.logged_in.username}}<br>
                        <span id="role-span">ROLE: </span>{{request.session.logged_in.role}}{% if is_imx_admin %} (Local){% endif %}
                    </div>
                </li>
                {% if is_imx_admin %}
                    <li><a onclick="change_password();">Change Password</a></li>
                {% endif %}
                <li><a onclick="collect_logs();">Collect Logs</a></li>
                <li><a onclick="log_out();">Log Out</a></li>
            </ul>
        </div>
    {% endspaceless %}
{% endblock %}