{% extends 'base.html' %}
<!---->
{% block title %}Składki Członkowskie | pdlzbs{% endblock %}
<!---->
{% load static tailwind_tags %} {% block content %}
<h1 class="text-[2.25rem] font-extrabold text-center mb-4">
  Składki członkowskie
</h1>
{% if memberships %}
<ul class="flex flex-col items-center gap-4">
  {% for membership in memberships %}
  <li>
    <a
      href="{{ membership.attachment.url }}"
      target="_blank"
      class="transition ease-in-out duration-300 inline-block px-4 py-3 rounded-md shadow-md border font-semibold {% if forloop.counter0|divisibleby:2 %}border-sky-200 bg-sky-100 hover:border-sky-300 hover:bg-sky-200 {% else %} border-indigo-200 bg-indigo-100 hover:border-indigo-300 hover:bg-indigo-200{% endif %}"
    >
      <h2 class="my-0">{{ membership }}</h2>
    </a>
  </li>
  {% endfor %}
</ul>
{% else %}
<h2 class="text-xl text-center">Brak dokumentów</h2>
{% endif %} {% endblock %}
