<!DOCTYPE html>

{% load static tailwind_tags %}

<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" />

    <title>
      {% block title %}Podlaski Związek Brydża Sportowego{% endblock %}
    </title>
    <base href="/" />

    {% tailwind_css %}
  </head>

  <body class="antialiased flex flex-col gap-4 bg-stone-50">
    <header class="w-full bg-white shadow-md border-b border-slate-400 pb-1">
      <div class="m-4 container flex flex-col lg:flex-row items-center lg:items-start justify-around mx-auto">
        <div class="self-center"><img class="min-w-[145px] min-h-[125px]" src="{% static 'logo.webp' %}" alt="" /></div>
        <div class="flex flex-col self-end">
          <div class="mb-4 mx-auto p-2 text-center">
            <h1 class="text-4xl">Podlaski Związek <br> Brydża Sportowego</h1>
          </div>
          {% if config.nav %}
          <nav>
            <ul class="flex flex-wrap justify-center lg:items-end gap-3 text-[15px] leading-5 m-2">
              {% for button in config.nav %}
              <li class="nav-item {% if button.href == '/' %}{{ home }}{% elif button.href in request.path %}active{% endif %}">
                <a href="{{ button.href }}">{{ button.title }}</a>
              </li>
              {% endfor %}
            </ul>
          </nav>
          {% endif %}
        </div>
        <nav class="flex flex-wrap justify-center items-center gap-6 mt-8">
          <div title="Cezar">
            <a href="http://www.msc.com.pl/cezar" target="_blank"><img class="max-h-12" src="{% static 'cezar.gif' %}" alt="Cezar" /></a>
          </div>
          <div title="PZBS">
            <a href="http://www.pzbs.pl" target="_blank"><img src="{% static 'pzbs.webp' %}" alt="PZBS" /></a>
          </div>
          <div title="Łomżyńska Akademia Brydża Sportowego">
            <a href="http://www.labs.lomza.pl/" target="_blank"><img src="{% static 'labs.webp' %}" alt="LABS" /></a>
          </div>
          <div>
            <a href="{% url 'atu' %}" target="_self" id="atu" class="h-[40px] w-[48px] items-center text-white"
              ><div class="flex h-full items-center justify-center"><span class="text-[13px] font-bold">ATU</span></div></a
            >
          </div>
          <div title="Miejski Białostocki Klub Brydżowy">
            <a href="https://andys0101.wixsite.com/pdlzbs/mbkb" target="_self"><img src="{% static 'mbkb.webp' %}" alt="MBKB" /></a>
          </div>
        </nav>
      </div>
    </header>
    <main class="container mx-auto p-4">
      {% block content %}{% endblock %}
    </main>
    <footer class="footer text-center font-light italic">
      <h6 class="mb-4">&copy; {% now "Y" %} Mikołaj Kubiczek</h6>
    </footer>
  </body>
</html>
