{% extends "bootstrap/base.html" %}

{% block title %}BuildingDepot{% endblock %}
{% block head %}
    {{ super() }}
    {# Theme used: Bootswatch Flatly, Licence: MIT Copyright (c) 2013 Thomas Park; https://github.com/thomaspark/bootswatch/blob/master/LICENSE #}
    <link href="https://bootswatch.com/3/flatly/bootstrap.min.css" rel="stylesheet">
    {#    <link href="{{ url_for('static', filename='custom_style.css') }}" rel="stylesheet">#}
    <style>
        .modal-backdrop {
            z-index: 0;
        }

        body {
            padding-top: 72px;
        }

        #pagination > li > a {
            background-color: #2c3e50;
        }

        .btn-info, .btn-default {
            background-color: #2c3e50;
            border-color: #2c3e50;
        }

        .alert-warning {
            background-color: #f35012;
            border-color: #f35012;
        }

        .btn-warning {
            background-color: #e26120;
            border-color: #e26120;
        }

        .btn-warning:hover {
            background-color: #f23528;
            border-color: #f23528;
        }
    </style>
{% endblock %}

{% block navbar %}
    <div class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <a class="navbar-brand" href="{{ url_for('main.index') }}">BuildingDepot</a>
            <div>
                {% if current_user.is_authenticated %}
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Collections <strong
                                    class="caret"></strong></a>

                            <ul class="dropdown-menu">
                                <li>
                                    <a href="{{ url_for('central.tagtype') }}">TagType</a>
                                </li>

                                <li>
                                    <a href="{{ url_for('central.buildingtemplate') }}">BuildingTemplate</a>
                                </li>

                                <li>
                                    <a href="{{ url_for('central.building') }}">Building</a>
                                </li>

                                <li>
                                    <a href="{{ url_for('central.dataservice') }}">Data Services</a>
                                </li>

                                <li>
                                    <a href="{{ url_for('central.sensor') }}">Sensor</a>
                                </li>

                                <li>
                                    <a href="{{ url_for('central.sensorgroup') }}">Sensor Group</a>
                                </li>

                                <li>
                                    <a href="{{ url_for('central.usergroup') }}">User Group</a>
                                </li>

                                <li>
                                    <a href="{{ url_for('central.permission') }}">Permission</a>
                                </li>

                                <li>
                                    <a href="{{ url_for('central.permission_query') }}">Permission Query</a>
                                </li>

                                <li>
                                    <a href="{{ url_for('central.oauth_gen') }}">Oauth</a>
                                </li>

                                <li>
                                    <a href="{{ url_for('central.user') }}">User</a>
                                </li>
                            </ul><!-- end dropdown-menu -->
                        </li>
                    </ul>
                {% endif %}
                <ul class="nav navbar-nav pull-right">
                    {% if current_user.is_authenticated %}
                        <li><a href="#">{{ session['email'] }}</a></li>
                        <li><a href="{{ url_for('auth.logout') }}">Sign Out</a></li>
                    {% else %}
                        <li><a href="{{ url_for('auth.login') }}">Sign In</a></li>
                    {% endif %}
                </ul>
            </div>
        </div>
    </div>
{% endblock %}

{% block content %}
    <div class="container" id="content">
        {% for message in get_flashed_messages() %}
            <div class="alert alert-warning">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                {{ message }}
            </div>
        {% endfor %}
        {% block page_content %}{% endblock %}
    </div>
{% endblock %}


{% block scripts %}
    {{ super() }}
    <script src="{{ url_for('static', filename='angular.min.js') }}"></script>
    <script src="{{ url_for('static', filename='notify.js') }}"></script>
{% endblock %}