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

{% block title %}- Estus Shots{% endblock %}

{% block scripts %}
  <script type="text/javascript" src="{{ url_for('static', filename='js/estus-shots.js') }}"></script>
{% endblock %}

{% block styles %}
  {{ super() }}
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
  <link rel="stylesheet" href="/static/dark_theme.css">
  <link rel="stylesheet" href="/static/custom.css">

  <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
{% endblock %}

{% block navbar %}
{%  set nav_bar = [
    ('/season', 'seasons', 'Seasons', 'fas fa-calendar'),
    ('/player', 'players', 'Players', 'fas fa-users'),
    ('/enemy', 'enemies', 'Enemies', 'fas fa-skull-crossbones'),
    ('/drink', 'drinks', 'Drinks', 'fas fa-beer')
  ]-%}
  <div class="container">
    <nav class="navbar navbar-expand-lg bg-dark navbar-dark">

      <a class="navbar-brand">
        <img class="brand-icon" alt="" src="/static/img/brand.png">
        Estus Shots
      </a>

      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
        {% for href, id, caption, icon in nav_bar %}
          <li class="nav-item{% if id == active_page %} active{% endif %}">
            <a class="nav-link" href="{{ href|e }}">
              <i class="{{ icon|e }} icon-primary"></i> {{ caption|e }}
            </a>
          </li>
        {% endfor %}
        </ul>
        <ul class="nav navbar-nav ml-auto">
          <li class="nav-item">
            <a class="nav-link" href="/logout">Logout</a>
          </li>
        </ul>
      </div>
    </nav>
  </div>
{% endblock %}

{% block content %}
<div class="container">
  {% block page %}
  
  {% endblock %}
  <div>
    {% block footer %}
      &copy; Sauf Software by D⁵: <a href="#">Durstiger Donnerstag Digital Drinking Divison</a>.
    {% endblock %}
  </div>
</div>

{% endblock %}