{% load static %}
<!-- Main navbar -->
<div class="navbar navbar-inverse navbar-fixed-top bg-none">
    <div class="navbar-header">
        <a class="navbar-brand gradient-text " href="{% url 'apps:dashboard' %}">
            <!-- <h3>NationalAddress</h3> -->
            <i>
                <img src="{% static 'img/logo-ok.png' %}" alt="" style="position: absolute;
                width: 26px;
                top: 7px;">
            </i>
            <!-- <i class="icon-location4 fa-gradient"></i> -->
            <b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Teman-KU 
            </b> (Sistem Informasi Pembangunan OKU)
        </a>


        <ul class="nav navbar-nav pull-right visible-xs-block">
            <li><a data-toggle="collapse" data-target="#navbar-mobile"><i class="icon-tree5"></i></a></li>
        </ul>
    </div>
    <div class="navbar-collapse collapse" id="navbar-mobile">

        <!-- <p class="navbar-text"><span class="label bg-success-400">Online</span></p> -->
        <ul class="nav navbar-nav navbar-right">
            <li class="dropdown dropdown-user">

                {% if user.is_authenticated %}
                <a class="dropdown-toggle" data-toggle="dropdown">
                    <img src="{% static 'img/placeholder.jpg' %}" alt=""/>
                    <span>{{user.username}}</span>
                    <i class="caret"></i>
                </a>

                <ul class="dropdown-menu dropdown-menu-right">
                    {% if user.is_superuser or user.is_staff %}
                    <li><a href="{% url 'usermanagement' %}"><i class="icon-user"></i>User Management</a></li>
                    <li><a href="{% url 'apps:perbaikan' %}"><i class="icon-list"></i>Repair & Renovation</a></li>
                    {% endif %}
                    <li class="divider"></li>
                    <li><a href="{% url 'logout' %}"><i class="icon-cog5"></i> Logout</a></li>
                </ul>

                {% else %}
                <div class="form-group" style="margin: 6px;">
                    <a href="/login">
                        <button type="submit" class="btn btn-xs btn-icon bg-blue btn-block btn-login" style="width: 35px;
                        border-radius: 20px;
                        height: 35px;
                        border-color: #40777c;
                        background-color: #40777c;
                        color: white;
                        box-shadow: 0 0 20px rgb(0 0 0 / 30%);"> <i class="icon-enter"></i></button>
                    </a>
                </div>
                {% endif %}
            </li>
        </ul>
    </div>
</div>
<!-- /main navbar -->