<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Influx Stats</title>

    <!-- Bootstrap -->
    <link href="{{ url_for('static', filename='jquery-ui.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='css/bootstrap.min.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='style.css') }}" rel="stylesheet">
    <!--Downloads-->
    <link href="{{ url_for('static', filename='css/bootstrap-editable.css') }}" rel="stylesheet">

</head>
<script src="{{ url_for('static', filename='jquery-2.1.4.min.js') }}"></script>
<script src="{{ url_for('static', filename='jquery-ui.js') }}"></script>
<script src="{{ url_for('static', filename='js/bootstrap.min.js') }}"></script>
  <!--Downloads-->
  <script src="{{ url_for('static', filename='js/bootstrap-editable.min.js') }}"></script>
<body>

<nav class="navbar navbar-default">
    <div class="container">
    <!-- 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="#navbar" 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="/">AHosking Influx Stats</a>
        </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="navbar">
        <ul class="nav navbar-nav">
        <!--<li class="active"><a href="/">Inventory<span class="sr-only">(current)</span></a></li>-->
            <li><a href="{{ url_for('main_page') }}">Home</a></li>
	</ul>
        <!-- <ul class="nav navbar-nav navbar-right">

            {% if not session.logged_in %}
            <li>
                <a class="btn" role="button" href="{{ url_for('login') }}">
                Log In
                </a>
            </li>
            {% else %}
            <li>
                <a class="btn" role="button" href="{{ url_for('admin_index') }}">Admin</a>
            </li>
            <li>
                <a class="btn" role="button" href="{{ url_for('logout') }}">
                Log Out
                </a>
            </li>
            {% endif %}
	</ul> -->
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>


<!--Alert messages for generic display-->
<div class="container">
    <!--{% if get_flashed_messages() %}-->
        <!--<div class="alert alert-warning alert-danger" role="alert">-->
        <!--<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>-->
        <!--<strong>Warning!</strong>-->
        <!--{% for message in get_flashed_messages() %}-->
            <!--{{ message }}<br>-->
        <!--{% endfor %}-->
        <!--</div>-->
    <!--{% endif %}-->
  {% with messages = get_flashed_messages(with_categories=true) %}
    {% if messages %}
      <div class="alert">
      <ul class=flashes>
      {% for category, message in messages %}
        <div class="alert-{{category}}">
        <li>{{message}}</li>
        </div>
      {% endfor %}
      </ul>
      </div>
    {% endif %}
  {% endwith %}
        {% block body %}{% endblock %}
</div><!-- /.container -->

<!--Footer-->
 <footer class="footer">
      <div class="container">
        <p class="text-muted">Inventory 1.0 (c)<a href="https://www.ahoskingit.com">AHoskingIT</a></p>
      </div>
    </footer>

</body>
</html>

