{% extends "bootstrap/base.html" %}
{% import "bootstrap/utils.html" as utils %}
{% block title %}Elite: Dangerous Long Range Router{% endblock %}

{% block scrips %}

{% endblock %}

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

{% block navbar %}
<nav class="navbar navbar-expand-lg navbar-dark" style="background-color: #222;">
    <a class="navbar-brand" href="/">E:D LRR</a>
    <ul class="navbar-nav mr-auto">
        {{nav.left_nav.render(renderer='bootstrap4')}}
    </ul>
    
    <ul class="navbar-nav ml-auto">
        {% if current_user.is_authenticated %}
        <li class="nav-item">
            <a class="nav-link">
                Logged in as {{current_user.name}}
            </a>
        </li>
        {% endif %}
        {{nav.right_nav.render(renderer='bootstrap4')}}
    </ul>
</nav>

{% endblock %}

{% block content %}
    <div class="container">
        {% with messages = get_flashed_messages(with_categories=true) %}
            {% if messages %}
                {% for category,message in messages %}
                <div class="alert alert-{{category}}" role="{{category}}">{{ message }}</div>
                {% endfor %}
            {% endif %}
        {% endwith %}

        {# application content needs to be provided in the app_content block #}
        {% block app_content %}{% endblock %}
    </div>
{% endblock %}