{% extends 'orchestra/base.html' %}
{% load compress %}
{% load staticfiles %}

{% block title %} Dashboard {% endblock %}


{% block topbar %}
<div class="nav notify-row" id="top_menu">
  <!--  notification start -->
  <ul class="nav top-menu">
  </ul>
</div>
<!--  notification end -->

<div id="nav-options" class="dropdown">
  <div class="dropdown-toggle" id="dropdown-menu-main" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    {{ user.username }}
    <span class="caret"></span>
  </div>
  <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdown-menu-main">
    <li>
      <a href="/">
        <i class="fa fa-dashboard"></i>
        <span>Dashboard</span>
      </a>
    </li>

    <li>
      <a href="/orchestra/app/performance/">
        <i class="fa fa-bar-chart-o"></i>
        <span>Performance</span>
      </a>
    </li>

    <li>
      <a href="{% url 'logout_then_login' %}" target="_self">
        <i class="fa fa-sign-out"></i>
        <span>Sign out</span>
      </a>
    </li>
  </ul>
</div>

{% endblock %}

{% block main %}
<section id="main-content" ng-view autoscroll="true">
  {% block content %}content{% endblock content %}
</section>
{% endblock %}

{% block page_javascript %}
<script type="text/javascript">
    window.orchestra = {{ orchestra_arguments | safe }};
</script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"
        type="text/javascript">
</script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular-route.min.js"
        type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.12.1/ui-bootstrap-tpls.js"
        type="text/javascript">
</script>

{% compress js %}
<script src="{% static "orchestra/common/js/lib/filters.js" %}" type="text/javascript"></script>
<script src="{% static "orchestra/common/js/orchestra.js" %}" type="text/javascript"></script>
<script src="{% static "orchestra/common/js/orchestra.config.js" %}" type="text/javascript"></script>
<script src="{% static "orchestra/common/js/orchestra.routes.js" %}" type="text/javascript"></script>
<script src="{% static "orchestra/common/js/orchestra.services.js" %}" type="text/javascript"></script>
<script src="{% static "orchestra/common/modules.js" %}" type="text/javascript"></script>
<script src="{% static "orchestra/common/components/modules.js" %}" type="text/javascript"></script>
<script src="{% static "orchestra/common/components/checklist/lib/dragula/dragula.min.js" %}" type="text/javascript"></script>
<script src="{% static "orchestra/common/components/checklist/js/directives.js" %}" type="text/javascript"></script>
<script src="{% static "orchestra/common/components/quill/js/quill.min.js" %}" type="text/javascript"></script>
<script src="{% static "orchestra/common/components/quill/js/directives.js" %}" type="text/javascript"></script>
<script src="{% static "orchestra/common/components/iframe/js/directives.js" %}" type="text/javascript"></script>
<script src="{% static "orchestra/task/js/module.js" %}" type="text/javascript"></script>
<script src="{% static "orchestra/task/js/controllers.js" %}" type="text/javascript"></script>
<script src="{% static "orchestra/task/js/directives.js" %}" type="text/javascript"></script>
<script src="{% static "orchestra/dashboard/js/module.js" %}" type="text/javascript"></script>
<script src="{% static "orchestra/dashboard/js/controllers.js" %}" type="text/javascript"></script>
<script src="{% static "orchestra/dashboard/js/directives.js" %}" type="text/javascript"></script>
{% endcompress js %}

{% for js in javascript_includes %}
    <script src="{{ js }}" type="text/javascript"></script>
{% endfor %}
{% endblock page_javascript%}

{% block page_stylesheets %}
    {% for css in stylesheet_includes %}
        <link href="{{ css }}" rel="stylesheet">
    {% endfor %}
{% endblock page_stylesheets%}
