{% extends "default.html" %}
{% load i18n %}

{% block toolbar %}
    <ul class="nav navbar-nav" style="margin-right:130px">
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-file"></span> <b class="caret"></b></a>
        <ul class="dropdown-menu">
        {% if request.user.is_superuser %}
            <li><a href="{% url 'core-add_site' %}">{% trans "Add Provider" %}</a></li>
            <li><a href="{% url 'core-add_user' %}">{% trans "Add User" %}</a></li>
            <li><a href="{% url 'core-add_article' %}">{% trans "Add Article" %}</a></li>
        {% endif %}
        {% if request.user.is_staff %}
            <li><a href="{% url 'issues-add_issue' %}">{% trans "Add Issue" %}</a></li>
        {% endif %}
        </ul>
      </li>
    </ul>
    {% block toolbar_buttons %}
    <a class="btn btn-default navbar-btn"><span class="glyphicon glyphicon-plus"></span> asd</a>
    {% endblock toolbar_buttons %}
    <ul class="nav navbar-nav navbar-right">
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ request.user }} <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li class="divider"></li>
          <li><a href="{% url 'core-logout' %}">Sign Out</a></li>
        </ul>
      </li>
    </ul>
{% endblock toolbar %}

{% block main %}
<div id="sidebar" style="position:fixed;width:200px;height:100%;background-color:#cacaca;border-right:1px solid #aaa">
    <ul class="nav nav-stacked nav-collapse">
    {% block sidebar_menu %}
    {% if request.user.is_superuser %}
        <li class="active"><a href="{% url 'core-list_sites' %}"><span class="glyphicon glyphicon-briefcase"></span> {% trans "Service Providers" %}</a></li>
        <li><a href="{% url 'core-list_users' %}"><span class="glyphicon glyphicon-user"></span> {% trans "Users" %}</a></li>
        <li><a href="{% url 'core-list_docs' %}"><span class="glyphicon glyphicon-file"></span> {% trans "Articles" %}</a></li>
    {% endif %}
        <li class="divider"></li>
    {% if request.user.is_staff %}
        <li><a href="{% url 'issues-list_issues' %}"><span class="glyphicon glyphicon-cog"></span> {% trans "Troubleshooting" %}</a></li>
    {% endif %}
    {% endblock sidebar_menu %}
    </ul>
</div>

<div id="detail" style="margin-left:200px">
    <div class="container">
        <div class="col-md-4">
            <ul class="nav nav-pills nav-stacked">
            {% block detail_list %}
                {% for i in object_list %}
                    <li><a href="{{ i.get_absolute_url }}">{{ i }}</a></li>
                {% endfor %}
            {% endblock detail_list %}
            </ul>
        </div>
        <div class="col-md-8">
            {% block detail_view %}
            {% endblock detail_view %}
        </div>
    </div>
</div>
{% endblock main %}