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

{% block panel_title %}Historia zmian{% endblock %}
{% block heading %}Historia zmian{% endblock %}
{% block subheading %}<p class="text-sm text-slate-500 dark:text-slate-400">Każdy zapis treści w panelu zostawia tu wersje, do której można wrócić.</p>{% endblock %}
{% block actions %}<a class="btn-ghost" href="{% url 'panel:revision_settings:index' %}">Ustawienia historii</a>{% endblock %}

{% block content %}
{% if settings and not settings.enabled %}
  <div class="card">
    <div class="card-body text-sm text-slate-600 dark:text-slate-300">
      Zapis historii jest wyłączony - nowe zmiany nie zostawiają wersji.
      Włącza się go w <a class="underline" href="{% url 'panel:revision_settings:index' %}">ustawieniach historii</a>.
    </div>
  </div>
{% endif %}

<form method="get" class="flex flex-wrap gap-2">
  <input class="input max-w-xs" type="search" name="q" value="{{ query }}" placeholder="Szukaj w tytule i autorze">
  <select class="input max-w-[14rem]" name="rodzaj">
    <option value="">Każdy rodzaj treści</option>
    {% for value, label in kinds %}
      <option value="{{ value }}" {% if value == kind %}selected{% endif %}>{{ label }}</option>
    {% endfor %}
  </select>
  <button class="btn-ghost" type="submit">Filtruj</button>
  {% if query or kind %}<a class="btn-ghost" href="{% url 'panel:revisions:index' %}">Wyczyść</a>{% endif %}
</form>

<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">Treść</th>
          <th class="th">Kiedy</th>
          <th class="th">Kto</th>
          <th class="th">Co się zmieniło</th>
          <th class="th text-right">Akcje</th>
        </tr>
      </thead>
      <tbody class="divide-y divide-slate-100 dark:divide-slate-800">
        {% for row in rows %}
          <tr class="hover:bg-slate-50 dark:hover:bg-slate-800/50">
            <td class="td">
              <span class="block font-medium">{{ row.entry.title|default:"(bez tytulu)" }}</span>
              <a class="text-xs text-slate-400 underline"
                 href="{% url 'panel:revisions:content' label=row.entry.content_label object_id=row.entry.object_id %}">{{ row.kind_name }}</a>
            </td>
            <td class="td whitespace-nowrap">{{ row.entry.created_at|date:"d.m.Y H:i" }}</td>
            <td class="td">{{ row.entry.signature }}</td>
            <td class="td">
              {% if row.changed %}
                <span class="text-sm">{{ row.labels|join:", " }}</span>
              {% elif row.changed is None %}
                <span class="badge bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-200">{{ row.entry.note|default:"zapis" }}</span>
              {% else %}
                <span class="text-sm text-slate-400">bez zmian w treści</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:revisions:entry' row.entry.pk %}">Zobacz wersje</a>
              </div>
            </td>
          </tr>
        {% empty %}
          <tr><td class="td py-10 text-center text-slate-500" colspan="5">Historia jest jeszcze pusta - zapisz dowolna stronę albo wpis.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>

  {% if page_obj.paginator.num_pages > 1 %}
    <nav class="flex items-center justify-between gap-4 border-t border-slate-200 px-4 py-3 text-sm dark:border-slate-800">
      <span class="text-slate-500 dark:text-slate-400">Strona {{ page_obj.number }} z {{ page_obj.paginator.num_pages }}</span>
      <div class="flex gap-2">
        {% if page_obj.has_previous %}
          <a class="btn-ghost !px-3 !py-1" href="?page={{ page_obj.previous_page_number }}{% if query %}&amp;q={{ query|urlencode }}{% endif %}{% if kind %}&amp;rodzaj={{ kind }}{% endif %}">Poprzednia</a>
        {% endif %}
        {% if page_obj.has_next %}
          <a class="btn-ghost !px-3 !py-1" href="?page={{ page_obj.next_page_number }}{% if query %}&amp;q={{ query|urlencode }}{% endif %}{% if kind %}&amp;rodzaj={{ kind }}{% endif %}">Następna</a>
        {% endif %}
      </div>
    </nav>
  {% endif %}
</section>
{% endblock %}