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

{% block panel_title %}Strona główna · Bloki{% endblock %}
{% block heading %}Bloki strony głównej{% endblock %}
{% block subheading %}<p class="text-sm text-slate-500 dark:text-slate-400">Kafelki wyświetlane pod nagłówkiem.</p>{% endblock %}
{% block actions %}<a class="btn-primary" href="{% url 'panel:home:block_create' %}">Nowy blok</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">Tytuł</th>
          <th class="th">Tekst</th>
          <th class="th">Odnośnik</th>
          <th class="th">Kolejność</th>
          <th class="th">Widoczny</th>
          <th class="th text-right">Akcje</th>
        </tr>
      </thead>
      <tbody class="divide-y divide-slate-100 dark:divide-slate-800">
        {% for block in blocks %}
          <tr class="hover:bg-slate-50 dark:hover:bg-slate-800/50">
            <td class="td font-medium">{{ block.title }}</td>
            <td class="td">{{ block.text|default:"-"|truncatechars:80 }}</td>
            <td class="td">{{ block.url|default:"-" }}</td>
            <td class="td">{{ block.order }}</td>
            <td class="td">
              {% if block.is_visible %}
                <span class="badge bg-emerald-100 text-emerald-700 dark:bg-emerald-950 dark:text-emerald-300">tak</span>
              {% else %}
                <span class="badge bg-slate-100 text-slate-600 dark:bg-slate-800 dark:text-slate-300">nie</span>
              {% endif %}
            </td>
            <td class="td">
              <div class="flex justify-end gap-2">
                <a class="btn-ghost !px-3 !py-1 text-xs" href="{% url 'panel:home:block_edit' block.pk %}">Edytuj</a>
                <form method="post" action="{% url 'panel:home:block_delete' block.pk %}"
                      data-confirm="Usunąć blok {{ block.title }}?">
                  {% csrf_token %}
                  <button class="btn-danger !px-3 !py-1 text-xs" type="submit">Usuń</button>
                </form>
              </div>
            </td>
          </tr>
        {% empty %}
          {% url 'panel:home:block_create' as create_url %}
          {% include 'panel/partials/empty.html' with colspan=6 url=create_url action="Nowy kafelek" title="Nie ma jeszcze żadnego kafelka." hint="Kafelki to rząd krótkich zajawek na stronie startowej - ikona, tytuł, zdanie i odnośnik. Dodaj pierwszy, a pokażą się same pod treścią strony głównej." %}
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>
{% endblock %}