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

{% import 'macros.html' as base_macros with context %}

{% block title %}
  Frënn vun der Ënn - {{ title }}
{% endblock %}

{% block metas %}
  {{ super() }}
  <meta charset="utf-8">
  <meta name="application-name" content="Ënnstatus">
  <meta name="author" content="Frënn vun der Ënn">
{% endblock %}

{% block styles %}
  {{ super() }}
  <link rel="stylesheet" href="{{ url_for('static', filename='css/ennstatus.css') }}" />
  <link rel="shortcut icon" href="{{ url_for('static', filename='images/favicon.png') }}">
{% endblock %}

{% block body %}
<a href="#content" class="sr-only">Skip to main content</a>
<div class="container">
  {% block navbar %}
  <div class="navbar navbar-default">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <img class="navbar-brand" src="{{ url_for('static', filename='images/logo/FVDE_logo_thumbnail.png') }}"></img>
      <a class="navbar-brand" href="{{ url_for('root.index') }}">Enn.lu</a>
    </div>
    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">About <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="{{ url_for('root.about') }}">Organization</a></li>
            <li><a>Activities</a></li>
            <li><a href="{{ url_for('root.partners') }}">Partners</a></li>
          </ul>
        </li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Services <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li class="dropdown-submenu">
              <a>Tor Servers</a>
              <ul class="dropdown-menu">
                <li><a href="{{ url_for('status.index') }}">Ennstatus Panel</a></li>
                <li><a>Statistics</a></li>
              </ul>
            </li>
            <li><a href="{{ url_for('root.mirrors') }}">Mirrors</a></li>
            <li><a href="https://wiki.enn.lu">Wiki</a></li>
            <li><a>About Ennstatus</a></li>
          </ul>
        </li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Support <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="{{ url_for('donate.index') }}">Donate</a></li>
            <li><a href="{{ url_for('root.member') }}">Join us</a></li>
            <li class="dropdown-submenu">
              <a>Special programs</a>
              <ul class="dropdown-menu">
                <li><a href="{{ url_for('root.bridgeprogram')}}">Bridge program</a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="{{ url_for('root.contact') }}">General</a></li>
            <li><a href="{{ url_for('root.abuse') }}">Abuse</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
  {% endblock %}
  <div class="row" id="content">
  {% with messages = get_flashed_messages(with_categories=True) %}
    {% if messages %}
      <div class="col-md-12">
        {% for category, message in messages %}
          {{ base_macros.display_error(category, message) }}
        {% endfor %}
      </div>
    {% endif %}
  {% endwith %}
  {% block content %}
  {% endblock %}
  </div>
  <footer>
    <hr style="margin-bottom: 0.5%;">
    <div class="col-md-12 text-center">
      <a class="pull-left" href="https://twitter.com/FrennVunDerEnn">@FrennVunDerEnn</a>
      <address><strong>Frënn vun der Enn a.s.b.l.</strong>  <em>(R.C.S. Luxembourg F 9.478)</em>
      <a class="pull-right" rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.en_US">CC-BY-NC-SA</a></address>
    </div>
  </footer>
</div>

{% block scripts %}
  {{ super() }}
{% endblock %}

{% endblock %}