{% comment %}Pusta lista mówi, co zrobić dalej - inaczej jest ślepym zaułkiem.

   Dwa przypadki znaczą co innego i nie wolno ich mylić: lista zawężona
   filtrem jest pusta tylko chwilowo (wtedy droga wyjścia to zdjęcie filtra),
   a moduł bez ani jednej pozycji czeka na pierwsza (wtedy droga to przycisk
   dodania). Który to przypadek, tag `filters_active` poznaje po adresie,
   więc widok nie musi niczego dokładać.

   Parametry: colspan, title, hint, action, url oraz `ignore` - nazwy
   parametrów adresu, których nie liczymy jako filtr (lista otwarta
   wprost z innego ekranu, zawężona do jednej treści).{% endcomment %}
{% load listing %}
{% filters_active ignore|default:"" as filtered %}
<tr>
  {% comment %}Komórka jest szeroka na całą tabelę, a tabela bywa szersza niż
     okno - wtedy karta przewija się w bok. Treść wyśrodkowana w takiej komórce
     stoi poza widokiem, więc komunikat jest szeroki na tyle, ile sam zajmuje
     (`w-max`), trzyma się lewej krawędzi i zostaje na niej przy przewijaniu
     (`sticky left-0`). Widać go wtedy przy każdej szerokości okna.{% endcomment %}
  <td class="td !px-0 py-12" colspan="{{ colspan|default:1 }}">
    <div class="sticky left-0 w-max max-w-[min(42rem,90vw)] px-5">
      {% if filtered %}
        <p class="font-medium text-slate-600 dark:text-slate-300">Nic nie pasuje do filtrów.</p>
        <p class="mt-1 text-sm text-slate-500 dark:text-slate-400">Zmień szukane słowo albo zdejmij filtr, żeby zobaczyć całą listę.</p>
        <p class="mt-4"><a class="btn-ghost" href="{{ request.path }}">Wyczyść filtry</a></p>
      {% else %}
        <p class="font-medium text-slate-600 dark:text-slate-300">{{ title }}</p>
        {% if hint %}<p class="mt-1 text-sm text-slate-500 dark:text-slate-400">{{ hint }}</p>{% endif %}
        {% if url %}<p class="mt-4"><a class="btn-primary" href="{{ url }}">{{ action }}</a></p>{% endif %}
      {% endif %}
    </div>
  </td>
</tr>