{% 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/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>Who we are</a></li>
            <li><a>What we do?</a></li>
            <li><a>Our 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>Mirrors</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 class="dropdown-submenu">
              <a>Donate</a>
              <ul class="dropdown-menu">
                <li><a>Wiretransfer</a></li>
                <li><a>Snailmail</a></li>
                <li><a>Paypal</a></li>
                <li><a>Bitcoin</a></li>
                <li><a>Flattr</a></li>
                <li><a>BPM</a></li>
                <li class="divider"></li>
                <li><a>Received donations</a></li>
              </ul>
            </li>
            <li class="dropdown-submenu">
              <a>Special programs</a>
              <ul class="dropdown-menu">
                <li><a>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>General</a></li>
            <li><a>Abuse</a></li>
            <li><a>Press</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/"><img src="{{ url_for("static", filename="images/tw.png") }}" width="45" /></a>
      <a class="pull-right" rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.en_US"><img alt="Creative Commons License" style="border-width:0" src="https://licensebuttons.net/l/by-nc-sa/3.0/88x31.png" /></a>
    </div>
  </footer>
</div>

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

{% endblock %}