{% extends 'panel/base.html' %}

{% block panel_title %}Kategorie stopki{% endblock %}
{% block heading %}Kategorie stopki{% endblock %}
{% block subheading %}
<p class="text-sm text-slate-500 dark:text-slate-400">
  Tworz kolumny stopki (np. "Informacje", "Przydatne linki"). Strony przypisujesz
  w edycji strony, a własne odnośniki (np. "Moje konto") i bloki tekstu -
  w edycji kolumny.
</p>
{% endblock %}
{% block actions %}<a class="btn-primary" href="{% url 'panel:footer_categories:create' %}">Dodaj kategorie</a>{% endblock %}

{% block content %}
<section class="card overflow-hidden">
  <div class="overflow-x-auto">
    <table class="table">
      <thead class="bg-slate-50 dark:bg-slate-900/60">
        <tr>
          <th class="th">Nazwa</th>
          <th class="th">Kolejność</th>
          <th class="th">Wpisy</th>
          <th class="th text-right">Akcje</th>
        </tr>
      </thead>
      <tbody class="divide-y divide-slate-100 dark:divide-slate-800">
        {% for category in categories %}
          <tr class="hover:bg-slate-50 dark:hover:bg-slate-800/50">
            <td class="td">
              <span class="block font-medium">{{ category.title|default:"(bez naglowka)" }}</span>
              {% if not category.is_active %}
                <span class="badge bg-slate-100 text-slate-600 dark:bg-slate-800 dark:text-slate-300">nieaktywna</span>
              {% endif %}
            </td>
            <td class="td">{{ category.order }}</td>
            <td class="td whitespace-nowrap">{{ category.pages_count }} str. + {{ category.links_count }} wl.</td>
            <td class="td">
              <div class="flex justify-end gap-2">
                <a class="btn-ghost !px-3 !py-1 text-xs" href="{% url 'panel:footer_categories:edit' category.pk %}">Edytuj</a>
                <form method="post" action="{% url 'panel:footer_categories:delete' category.pk %}"
                      data-confirm="Usunąć kolumnę {{ category }} razem z jej własnymi pozycjami?">
                  {% csrf_token %}
                  <button class="btn-danger !px-3 !py-1 text-xs" type="submit">Usuń</button>
                </form>
              </div>
            </td>
          </tr>
        {% empty %}
          {% url 'panel:footer_categories:create' as create_url %}
          {% include 'panel/partials/empty.html' with colspan=4 url=create_url action="Nowa kolumna" title="Nie ma jeszcze żadnej kolumny stopki." hint="Kolumna to jeden nagłówek w stopce razem z odnośnikami pod nim. Do kolumny wepniesz gotowe strony albo własne adresy." %}
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>
{% endblock %}