{% extends "bootstrap/base.html" %}
{% import "bootstrap/utils.html" as utils %}

{% set navbar = [
    ('home', 'Home'),
    ('order_bp.orders', 'Orders'),
    ('about', 'About'),
    ('stats', 'Stats'),
] -%}
{% if not current_user.is_anonymous() and current_user.is_admin() -%}
    {% set navbar = navbar + [('admin.index', 'Admin')] -%}
{% endif -%}
{% set active_page = active_page|default('index') -%}

{% block title %}
    James - {{ active_page|capitalize }}
{% endblock %}

{% block styles %}
    {{ super() }}
    <link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}">
{% endblock %}

{% block scripts %}
    {{ super() }}
    <script src="{{ url_for('static', filename='js/timer.js') }}"></script>
    <script async defer id="github-bjs" src="https://buttons.github.io/buttons.js"></script>
{% endblock %}

{% block navbar %}
    <nav class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <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="{{ url_for('home') }}">JAMES</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            {% for id, text in navbar -%}
                <li class="{{ 'active' if active_page in id else '' }}">
                    <a href="{{ url_for(id) }}">{{ text|e }}</a>
                </li>
            {% endfor -%}
          </ul>
          <ul class="nav navbar-nav navbar-right">
              {% if current_user.is_anonymous() %}
                  <li><a href="{{ url_for('login') }}">Login</a></li>
              {% else %}
                  <li><a href="#">{{ current_user.username }}</a></li>
                  <li><a href="{{ url_for('logout') }}">Logout</a></li>
              {% endif %}
          </ul>
         </div><!--/.nav-collapse -->
      </div>
    </nav>
{% endblock %}

{% block content -%}
    {{ utils.flashed_messages(container=True) }}

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

    <footer>
    <hr>
    <div class="container">
        <div class="pull-right">Made with ❤ by <a href="http://zeus.ugent.be">Zeus WPI</a></div>
        <div class="pull-left"><a class="github-button" href="https://github.com/ZeusWPI/james" data-icon="octicon-star" data-style="mega" data-count-href="/ZeusWPI/James/stargazers" data-count-api="/repos/ZeusWPI/James#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star ZeusWPI/James on GitHub">Star</a></div>
        <div class="text-center"><a href="http://github.com/ZeusWPI/James">© {{ ""|year }}</a></div>
    </div>
    </footer>
{%- endblock %}