{% extends 'base.html' %}
<!---->
{% block title %}Składki Członkowskie | pdlzbs{% endblock %}
<!---->
{% load static tailwind_tags wysiwyg %} {% block content %}
<!---->

{% if memberships %}
<ul class="flex justify-center gap-4">
  {% for membership in memberships %}
  <li>
    <a
      href="{% url 'membership' %}#{{ membership.year }}"
      class="button py-2 active:ring-2 {% if forloop.counter0|divisibleby:2 %} sky color {% else %} green color {% endif %}"
    >
      {{ membership.year }}
    </a>
  </li>
  {% endfor %}
</ul>
{% endif %}

<div class="flex flex-col items-center">
  {% for membership in memberships %}
  <div class="w-full">
    <span
      class="peer absolute top-0 inset-x-0 float-right"
      id="{{ membership.year }}"
    ></span>
    <article class="w-full py-4 hidden peer-target:block">
      {% content membership %}
      <div class="flex flex-wrap gap-4 items-center justify-center">
        {% buttons membership.buttons %}
      </div>
    </article>
  </div>
  {% empty %}
  <span class="py-4 text-xl">Brak dokumentów</span>
  {% endfor %}
</div>
{% endblock %}