<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Adagios {% block title %} - where am I?{% endblock %}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Adagios - Nagios Configuration Made Easy">
    <meta name="author" content="Tomas Edwardsson, Pall Sigurdsson">

    <!-- Le styles -->
    <link href="{% url media path="css/style.css" %}" rel="stylesheet">
    <style>
        body {
            padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
        }
        @media (max-width: 979px) {
          body {
            padding-top: 0;
          }
        }
    </style>

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="{% url media path="img/favicon.ico" %}">
    <link rel="apple-touch-icon-precomposed" sizes="114x114"
          href="{% url media path="ico/apple-touch-icon-114-precomposed.png" %}">
    <link rel="apple-touch-icon-precomposed" sizes="72x72"
          href="{% url media path="ico/apple-touch-icon-72-precomposed.png" %}">
    <link rel="apple-touch-icon-precomposed"
          href="{% url media path="ico/apple-touch-icon-57-precomposed.png" %}">


    {%  block head %}{% endblock %}
</head>

<body>


<!-- block header starts -->
{% block header %}
    {%  include "snippets/top_navigation_bar.html" %}
{% endblock %}
<!-- block header ends -->


<!-- Here we start the main view -->
<div class="container-fluid content">

    {% block adagios_hausinn %}{% endblock %}
    {% if errors|length %}
    {%  for error in errors %}
        <div class="alert">
            <button class="close" data-dismiss="alert">×</button>
            <strong>Warning!</strong> {{ error }}
        </div>
    {%  endfor %}
    {% endif %}
    {% if messages|length %}
        {%  for message in messages  %}
            <div class="alert alert-success">
                <button class="close" data-dismiss="alert">×</button>
                <strong>Info!</strong> {{ message }}
            </div>
        {%  endfor %}
    {% endif %}

    {% block content %}{% endblock %}

    {%  block sidebar %}{%  endblock %}

</div> <!-- /container -->

<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script>
    var BASE_URL = "{% url home %}";
    var MEDIA_URL = "{% url media path="" %}";
</script>

<script src="{% url home %}rest/pynag.js"></script>
<script src="{% url home %}rest/status.js"></script>
<script src="{% url home %}rest/okconfig.js"></script>

<script src="{% url media path="jquery/jquery-1.9.1.min.js" %}"></script>
<script src="{% url media path="bootstrap/js/bootstrap.min.js" %}"></script>

<script src="{% url media path="datatables/js/jquery.dataTables.min.js" %}"></script>
<script src="{% url media path="datatables/js/pagination.js" %}"></script>
<script src="{% url media path="datatables/DT_bootstrap.js" %}"></script>

<script src="{% url media path="select2/select2.min.js" %}" type="text/javascript"></script>
<script src="{% url media path="js/adagios.js" %}"></script>

{% block footer %}{% endblock %}

<!--
GLYPHICONS FREE are released under the Creative Commons Attribution 3.0 Unported (CC BY 3.0). The Glyphicons FREE can
be used both commercially and for personal use, but you must always add a link to www.glyphicons.com in a prominent
place (e.g. the footer of a website), include the CC-BY license and the reference to www.glyphicons.com on every page
using Glyphicons.

All logos and trademarks in social icons are the property of the respective trademark owners.®
-->
</body>
</html>
