{% extends 'base.html' %}
<!---->
{% block title %}Zarząd | pdlzbs{% endblock %}
<!---->
{% load static tailwind_tags wysiwyg %} {% block content %}
<div
  class="flex flex-col lg:flex-row flex-wrap items-center justify-around gap-6 bg-white shadow-md rounded-md p-4 mb-2"
>
  <h1>Zarząd PodlZBS</h1>
  <nav>
    <ul class="flex flex-wrap justify-center lg:items-end gap-3">
      <li>
        <a
          class="nbutton administration {% if '/zarzad' == request.path %}active{% endif %}"
          href="{% url 'administration' %}"
          >Zarząd</a
        >
      </li>
      <li>
        <a
          class="nbutton administration {% if 'ogloszenia' in request.path %}active{% endif %}"
          href="{% url 'administration_announcements' %}"
          >Ogłoszenia</a
        >
      </li>
      <li>
        <a
          class="nbutton administration {% if 'protokolyiuchwaly' in request.path %}active{% endif %}"
          href="{% url 'administration_protocols' %}"
          >Protokoły i Uchwały</a
        >
      </li>
      <li>
        <a
          class="nbutton administration {% if 'regulaminy' in request.path %}active{% endif %}"
          href="{% url 'administration_regulations' %}"
          >Regulaminy</a
        >
      </li>
      <li>
        <a
          class="nbutton administration {% if 'rodo' in request.path %}active{% endif %}"
          href="{% url 'administration_rodos' %}"
          >RODO</a
        >
      </li>
    </ul>
  </nav>
</div>
<div
  class="mx-auto p-4 prose prose-h2:font-normal prose-h2:mb-2 prose-h4:font-normal"
>
  {% block adm_content %}
  <a class="mb-0" href="{{ statut.attachment.url }}" target="_blank">
    <h2 class="my-0 text-center">{{ statut.title }}</h2>
  </a>

  <h2 class="mt-6">Dane adresowe</h2>
  <div class="">{% content daneadresowe %}</div>

  <h2>Członkowie</h2>
  {% if czlonkowie %}
  <div class="flex flex-col gap-4 text-center items-center place-items-center">
    {% for member in czlonkowie %}
    <h3
      class="w-full lg:w-screen max-w-screen-lg flex flex-col lg:flex-row-reverse justify-between items-center px-4 py-3 bg-blue-50 border border-blue-100 rounded-md shadow-md my-0"
    >
      <span class="text-2xl font-light mb-0">{{ member.function }}</span>
      <div class="text-left">
        <span class="text-3xl my-0">{{ member.name }}</span>
        <br />
        <span class="text-xs italic">{{ member.contact }}</span>
      </div>
    </h3>
    {% endfor %}
  </div>
  {% else %}
  <h4>Brak członków</h4>
  {% endif %} {% endblock %}
</div>
{% endblock %}
