<!doctype html>
<html lang="nl">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>{% block title %}ClayTracker{% endblock %}</title>
  <link rel="icon" type="image/svg+xml" href="{{ url_for('static', filename='favicon.svg') }}">
  <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
  {% import "_icons.html" as icons %}
  <header>
    <div class="header-inner">
      <h1>
        <a href="{{ url_for('wedstrijden.index') }}" class="branding">
          {% if logo_bestand %}
            <img src="{{ url_for('instellingen.logo', bestandsnaam=logo_bestand) }}" alt="" class="logo">
          {% else %}
            <img src="{{ url_for('static', filename='favicon.svg') }}" alt="" class="logo">
          {% endif %}
          {{ vereniging_naam }}
        </a>
      </h1>
      <nav>
        <a href="{{ url_for('wedstrijden.index') }}">{{ icons.home() }} Home</a>
        <a href="{{ url_for('wedstrijden.lijst') }}">{{ icons.wedstrijden() }} Wedstrijden</a>
        <a href="{{ url_for('clubkampioen.overzicht') }}">{{ icons.medaille() }} Clubkampioen</a>
        <a href="{{ url_for('leden.lijst') }}">{{ icons.leden() }} Leden</a>
        <a href="{{ url_for('instellingen.bewerken') }}">{{ icons.instellingen() }} Instellingen</a>
        <a href="{{ url_for('uitleg.overzicht') }}">{{ icons.info() }} Uitleg</a>
      </nav>
    </div>
  </header>
  <main>
    {% with messages = get_flashed_messages() %}
      {% if messages %}
        <ul class="flashes">
          {% for message in messages %}
            <li>{{ message }}</li>
          {% endfor %}
        </ul>
      {% endif %}
    {% endwith %}
    {% block content %}{% endblock %}
  </main>
</body>
</html>
