{% extends "base.html" %}    
{% load staticfiles %}
{% load gravatar %}
{% block body %}

    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <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 'pgperffarm.views.index' %}">
            <i class="app-icon icon-postgres-alt"></i>
            <span>&nbsp;Performance Farm</span>
          </a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Machines<b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#">All</a></li>
                <li><a href="#">Regressed</a></li>
                <li><a href="#">Improved</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Help<b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="mailto:webmaster@postgresql.org.com">Contact</a></li>
                <li><a href="{% url 'pgperffarm.views.licence' %}">Licence</a></li>
                <li><a href="{% url 'pgperffarm.views.ppolicy' %}">Privacy Policy</a></li>
              </ul>
            </li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
            {% if user.is_authenticated %}
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">{% gravatar user.email 18 %} {{ user }}<b class="caret"></b></a>
              <ul class="dropdown-menu">
                {% if user.is_staff %}
                <li><a href="{% url 'admin:index' %}">Admin Site</a></li>
                {% endif %}
                <li><a href="{% url 'pgperffarm.auth.logout' %}">Logout</a></li>
              </ul>
            </li>
            {% else %}
            <li><a href="{% url 'pgperffarm.auth.login' %}/?next={{ request.path }}">Login</a></li>
            {% endif %}
          </ul>
        </div>
      </div>
    </nav>

    <div class="container">
      <div class="row">
        <div class="col-xs-8" style="padding-bottom: 10px">
         <h1>{% block title2 %}{% endblock %}</h1>
        </div>
        <div class="col-xs-4 text-right">
         <h1>{% block controls %}{% endblock %}</h1>
        </div>
      </div>

      {% if messages %}
      <div class="row">
        <div class="col-xs-12">
          {% for message in messages %}
          {% if "warning" in message.tags %}
          <div class="alert alert-warning">
          {% elif "success" in message.tags %}
          <div class="alert alert-success">
          {% elif "info" in message.tags %}
          <div class="alert alert-info">
          {% else %}
          <div class="alert alert-danger">
          {% endif %}
            <a href="#" class="close" data-dismiss="alert">&times;</a>
          {{ message }}
          </div>
          {% endfor %}
        </div>
      </div>
      {% endif %}

      {% block content %}{% endblock %}

      <div class="row">
        <div class="col-xs-12">

          <hr>

          <footer class="pull-right">
            <i>PostgreSQL - The world's most advanced Open Source database</p>
          </footer>
        </div>
      </div>
    </div>

{% block dialog %}{% endblock %}

{% endblock %}