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

{% block panel_title %}Blog · Kategorie{% endblock %}
{% block heading %}Blog · Kategorie{% endblock %}
{% block subheading %}<p class="text-sm text-slate-500 dark:text-slate-400">Kategorie postów.</p>{% endblock %}
{% block actions %}<a class="btn-primary" href="{% url 'panel:blog_categories:create' %}">Nowa kategoria</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">Opis</th>
          <th class="th">Wpisy</th>
          <th class="th">Kolejność</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.name }}</span>
              <span class="text-xs text-slate-400">/{{ category.slug }}</span>
            </td>
            <td class="td">{{ category.description|default:"-"|truncatechars:80 }}</td>
            <td class="td">{{ category.posts_count }}</td>
            <td class="td">{{ category.order }}</td>
            <td class="td">
              <div class="flex justify-end gap-2">
                <a class="btn-ghost !px-3 !py-1 text-xs" href="{% url 'panel:blog_categories:edit' category.pk %}">Edytuj</a>
                <form method="post" action="{% url 'panel:blog_categories:delete' category.pk %}"
                      data-confirm="Usunąć kategorie {{ category.name }}? Wpisy zostaną bez kategorii.">
                  {% csrf_token %}
                  <button class="btn-danger !px-3 !py-1 text-xs" type="submit">Usuń</button>
                </form>
              </div>
            </td>
          </tr>
        {% empty %}
          {% url 'panel:blog_categories:create' as create_url %}
          {% include 'panel/partials/empty.html' with colspan=5 url=create_url action="Nowa kategoria" title="Nie ma jeszcze żadnej kategorii." hint="Kategoria porządkuje wpisy i dostaje własny adres na blogu. Wpis może obejść się bez niej, ale z nią czytelnik znajdzie resztę tekstów na ten sam temat." %}
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>
{% endblock %}