<!DOCTYPE html>

{% load static tailwind_tags wysiwyg %}

<html lang="pl" dir="ltr">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="Podlaski Związek Brydża Sportowego" />
    <meta name="author" content="Mikołaj Kubiczek" />

    <link rel="icon" href="{% static 'favicon.ico' %}" type="image/x-icon" />
    <link
      rel="icon"
      type="image/png"
      sizes="192x192"
      href="{% static 'icon-192x192.png' %}"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="512x512"
      href="{% static 'icon-512x512.png' %}"
    />

    <title>{% block title %}{{ t.name }}{% endblock %}</title>
    <base href="/" />

    {% tailwind_css %}
  </head>

  <body class="antialiased flex flex-col gap-4 items-center prose max-w-full">
    <header>{{ t.header | safe}}</header>
    <nav class="not-prose bg-green-100 p-2 tpage-nav">
      <ul class="flex flex-row flex-wrap gap-4 text-xl xl:max-w-screen-xl">
        <li class="{% if homepage %}active{% endif %}">
          <a href="{% url 'homepage' t.id %}">Strona główna</a>
        </li>
        {% if t.schedule_and_results_enabled %}
        <li class="{% if schedule_and_results %}active{% endif %}">
          <a href="{% url 'schedule_and_results' t.id %}"
            >Harmonogram i wyniki</a
          >
        </li>
        {% endif %} {% if t.registration_enabled %}
        <li class="{% if registration %}active{% endif %}">
          <a href="{% url 'registration' t.id %}">Rejestracja</a>
        </li>
        {% endif %} {% if t.rules_enabled %}
        <li class="{% if rules %}active{% endif %}">
          <a href="{% url 'rules' t.id %}">Regulamin</a>
        </li>
        {% endif %} {% if t.fee_and_prizes_enabled %}
        <li class="{% if fee_and_prizes %}active{% endif %}">
          <a href="{% url 'fee_and_prizes' t.id %}">Wpisowe i nagrody</a>
        </li>
        {% endif %} {% if t.accomodation_enabled %}
        <li class="{% if accomodation %}active{% endif %}">
          <a href="{% url 'accomodation' t.id %}">Noclegi</a>
        </li>
        {% endif %} {% if t.contact_enabled %}
        <li class="{% if contact %}active{% endif %}">
          <a href="{% url 'contact' t.id %}">Kontakt</a>
        </li>
        {% endif %}
      </ul>
    </nav>
    <main class="flex flex-col">
      <div
        class="container xl:max-w-screen-xl mx-auto p-4 prose-h1:font-medium prose-img:my-1 prose-p:my-[0.3em]"
      >
        {{ content | safe }}
      </div>
      <div class="mx-auto">{% buttons content_buttons %}</div>
    </main>
    <footer>{{ t.footer | safe}}</footer>
  </body>
</html>
