<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="../../assets/ico/favicon.ico">

    <title>XenZen</title>

    <link href="/static/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/css/dataTables.bootstrap.css" rel="stylesheet">
    {% block head %}{% endblock %}
    <link href="/static/css/defaults.css" rel="stylesheet">

  </head>

  <body>

    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container-fluid">
        <div class="navbar-header">
          <a class="navbar-brand" href="#">XenZen</a>
        </div>

        {% if user.is_authenticated %}
        <div class="btn-group navbar-right">
        <button class="btn btn-primary">{{user.username}}</button>
        <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
        <ul class="dropdown-menu pull-right">
          <li><a href="{% url 'accounts_profile' %}">Profile</a></li>
          {% if user.is_superuser %}
          <li><a href="{% url 'logs' %}">Logs</a></li>
          {% endif %}
          <li><a href="{% url 'auth_logout' %}">Logout</a></li>
        </ul>
        </div>
        {% endif %}
      </div>
    </div>

    <div class="container-fluid">

      <div class="row">
            {% block navbar %}{% endblock %}

        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
            {% block content %}{% endblock %}
        </div>
      </div>
    </div>

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="/static/js/jquery.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>
    {% block script %}{% endblock %}
  </body>
</html>
