{% comment %}Lista paczek lezacych w media/aktualizacja/ - wstawia ja znacznik
   {wydania} w tresci strony (core/html_content.py).

   Lista nie ustawia wlasnych kolorow tekstu i nie ma odmian `dark:`. Wchodzi
   w dowolne miejsce dowolnej tresci, a te bywaja pomalowane na stale: sekcja
   z jasnym tlem zostaje jasna takze wtedy, gdy czytelnik wlaczyl tryb ciemny.
   Lista z wlasnym `dark:text-...` dawala wtedy bialy napis na bialym tle.
   Dziedziczony kolor pasuje zawsze, a kreski miedzy wierszami rysuje domyslny
   kolor obramowania Tailwinda - czytelny i na jasnym, i na ciemnym tle.

   `not-prose` jest konieczne: lista stoi wewnatrz `prose`, ktore inaczej
   dopisaloby jej punktory i wlasne odstepy. Zaokraglen nie ma - zdejmuje je
   `site-flat` ze szkieletu.{% endcomment %}
<div class="not-prose my-10">
  {% if paczki %}
    <ul class="divide-y border-y">
      {% for paczka in paczki %}
        <li class="flex flex-wrap items-center justify-between gap-x-6 gap-y-3 py-4">
          <div>
            <p class="font-semibold">
              D-LIS Light {{ paczka.wersja }}
              {% if forloop.first %}
                <span class="ml-2 bg-brand-600 px-2 py-0.5 align-middle text-xs font-semibold uppercase tracking-wide text-white">najnowsze</span>
              {% endif %}
            </p>
            <p class="mt-1 text-sm opacity-70">
              {{ paczka.rozmiar|filesizeformat }} &middot; {{ paczka.data|date:"d.m.Y" }}
            </p>
          </div>
          <a class="inline-flex items-center gap-2 border px-5 py-2.5 text-sm font-semibold transition hover:border-brand-600 hover:bg-brand-600 hover:text-white"
             href="{{ paczka.url }}" download>
            Pobierz {{ paczka.wersja }}
            <span aria-hidden="true">&darr;</span>
          </a>
        </li>
      {% endfor %}
    </ul>
    {% comment %}Starsze wydania sa na liscie tylko wtedy, gdy ich pliki leza na
       serwerze - zdjecie pliku zdejmuje pozycje. Zdanie mowi o tym wprost,
       zeby brak starszej wersji nie wygladal na usterke strony.{% endcomment %}
    {% if paczki|length > 1 %}
      <p class="mt-4 text-sm opacity-70">
        Starsze wydania zostają do pobrania tak długo, jak długo ich paczki leżą na serwerze.
      </p>
    {% endif %}
  {% else %}
    <p class="border px-5 py-4 text-sm opacity-70">
      Na serwerze nie ma teraz żadnej paczki do pobrania. Wgraj plik
      <code>dlis-&lt;wersja&gt;.zip</code> do katalogu <code>media/aktualizacja/</code>
      &ndash; pojawi się na tej liście sam.
    </p>
  {% endif %}
</div>