{% extends "base_generic_top.html" %}
{% load static %}
{% block budy %}
{% load humanize %}

    <div id="wrapper">

        <!-- Navigation -->
        <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="{% url 'index' %}"><img src="{% static 'images/m3.png'%}" height="32px"  /></a>
            </div>
            <!-- /.navbar-header -->

            <ul class="nav navbar-top-links navbar-right"> 

		<!-- /.dropdown-messages -->
<!--                <li class="dropdown">-->
<!--                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">-->
<!--                        <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>-->
<!--                    </a>-->
<!--                    <ul class="dropdown-menu dropdown-messages">-->
<!--			{% block dropdown-messages %}{% endblock %}                        -->
<!--                    </ul>-->
<!--                </li>-->
                <!-- /.dropdown-tasks -->
<!--                <li class="dropdown">-->
<!--                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">-->
<!--                        <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>-->
<!--                    </a>-->
<!--                    <ul class="dropdown-menu dropdown-tasks">-->
<!--			{% block dropdown-tasks %}{% endblock %}                        -->
<!--                    </ul>-->
<!--                </li>-->

		<!-- /.dropdown-alerts -->
<!--                <li class="dropdown">-->
<!--                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">-->
<!--                        <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>-->
<!--                    </a>-->
<!--                    <ul class="dropdown-menu dropdown-alerts">-->
<!--			{% block dropdown-alerts %}{% endblock %}                        -->
<!--                    </ul>-->
<!--                </li>-->
                <!-- /.dropdown -->
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-user">
                        <li><a href="{% url 'settings-profile' %}"><i class="fa fa-user fa-fw"></i> {{ user.get_username }}</a>
                        </li>
                        <li><a href="{% url 'settings' %}"><i class="fa fa-gear fa-fw"></i> Settings</a>
                        </li>
                        <li class="divider"></li>
                        <li>
                        <a href="{% url 'logout-view'%}?next={{request.path}}"><i class="fa fa-sign-out fa-fw"></i> Logout</a>
                        </li>
                    </ul>
                    <!-- /.dropdown-user -->
                </li>
                <!-- /.dropdown -->
            </ul>
            <!-- /.navbar-top-links -->

		<div class="navbar-default sidebar" role="navigation">
			{% block lefPanel %}{% endblock %}
		</div>
            <!-- /.navbar-static-side -->
        </nav>

        <div id="page-wrapper">
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="page-header"> {% block dash-title %}{% endblock %}</h1>
                </div>
                <!-- /.col-lg-12 -->
            </div>
		{% block dash %}{% endblock %}

        </div>
        <!-- /#page-wrapper -->

    </div>
{% endblock %}
