{% set navigation_bar = [
    (url_for('activity'), 'activity', 'Activity'),
    (url_for('nodes'), 'nodes', 'Nodes'),
    (url_for('policies'), 'policies', 'Policies'),
    (url_for('tags'), 'tags', 'Tags'),
    (url_for('repos'), 'repos', 'Repos'),
    (url_for('brokers'), 'brokers', 'Brokers'),
] -%}
{% set active_page = active_page|default('overview') -%}
<!DOCTYPE html>
<html ng-app="occam">
    <head>
        <title>Occam</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="{{url_for('static', filename='css/bootstrap-3.1.1.min.css')}}" rel="stylesheet">
        <link href="{{url_for('static', filename='css/occam.css')}}" rel="stylesheet">
        <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">

        <script src="{{url_for('static', filename='js/jquery-2.0.3.min.js')}}"></script>
        <script src="{{url_for('static', filename='js/angular-1.3.0-beta1.min.js')}}"></script>
        {% block head_js %}
        {% endblock %}
    </head>
    <body>
        <nav class="navbar navbar-default navbar-static-top" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <a class="navbar-brand" href="{{url_for('activity')}}" target="_self">Occam</a>
                </div>
                <div class="collapse navbar-collapse">
                    <ul class="nav navbar-nav">
                    {% for href, id, caption in navigation_bar %}
                        <li{% if id == active_page %} class="active"{% endif
  %}><a href="{{href|e}}" target="_self">{{caption|e}}</a></li>
                    {% endfor %}
                    </ul>
                </div>
            </div>
        </nav>

        <div class="container">
            {% block body %}{% endblock %}

            <div class="row footer">
                <div class="col-xs-12">
                    <p class="text-center"><small>Occam version {{version}}</small></p>
                </div>
            </div>
        </div>

        <script src="{{url_for('static', filename='js/bootstrap-3.1.1.min.js')}}"></script>
        {% block tail_js %}
        {% endblock %}
    </body>
</html>
