<!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 %}block=title?{% 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="//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">

    <div class="row-fluid">
        <div class="span12">
            <div class="block">
                <!-- block adagios_hausinn starts -->
                {% block adagios_hausinn %}
                    {% include "snippets/adagios_hausinn.html" %}
                {% endblock %}
                <!-- block adagios_hausinn ends -->
            </div>
        </div>
    </div>

    <div class="row-fluid">

        <div class="span9">
            <div class="block">
                {% 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 starts -->
                {% block content %}block=content{% endblock %}
                <!-- block content ends -->
            </div>
        </div>

        <div class="span3">
            <div class="block">
                <!-- block sidebar starts -->
                {%  block sidebar %}block=sidebar{% endblock %}
                <!-- block sidebar ends -->
            </div>
        </div>
    </div>

    {% block sidebar2 %} {% endblock %}


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

<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->

<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>
<script src="{% url media path="js/adagios_status.js" %}"></script>

<script>
    var BASE_URL = "{% url home %}";
</script>

<script type="text/javascript" xmlns="http://www.w3.org/1999/html">
    $(document).ready(function() {
        adagios.objectbrowser.check_nagios_needs_reload();
    });
</script>

<!-- block footer starts -->
{% block footer %}{% endblock %}
<!-- block footer ends -->

<!--
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>
