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

{% block panel_title %}Historia · {{ object.title|default:kind_name }}{% endblock %}
{% block heading %}Historia zmian{% endblock %}
{% block subheading %}<p class="text-sm text-slate-500 dark:text-slate-400">{{ kind_name }}: {{ object.title|default:"tresc juz nie istnieje" }}</p>{% endblock %}
{% block actions %}
  <div class="flex flex-wrap gap-2">
    {% if preview_url %}<a class="btn-ghost" href="{{ preview_url }}" target="_blank" rel="noopener">Zobacz szkic</a>{% endif %}
    {% if object.panel_edit_url %}<a class="btn-ghost" href="{{ object.panel_edit_url }}">Edytuj treść</a>{% endif %}
    <a class="btn-ghost" href="{% url 'panel:revisions:index' %}">Cała historia</a>
  </div>
{% 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">Kiedy</th>
          <th class="th">Kto</th>
          <th class="th">Rodzaj zapisu</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 whitespace-nowrap font-medium">{{ row.entry.created_at|date:"d.m.Y H:i" }}</td>
            <td class="td">{{ row.entry.signature }}</td>
            <td class="td">{{ row.entry.note|default:"zapis" }}</td>
            <td class="td">
              {% if row.changed %}
                <span class="text-sm">{{ row.labels|join:", " }}</span>
              {% else %}
                <span class="text-sm text-slate-400">-</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</a>
                {% if object %}
                  <form method="post" action="{% url 'panel:revisions:restore' row.entry.pk %}"
                        data-confirm="Przywrócić treść do stanu z {{ row.entry.created_at|date:'d.m.Y H:i' }}?">
                    {% csrf_token %}
                    <button class="btn-ghost !px-3 !py-1 text-xs" type="submit">Przywróć</button>
                  </form>
                {% endif %}
                <form method="post" action="{% url 'panel:revisions:delete' row.entry.pk %}"
                      data-confirm="Usunąć te wersje z historii?">
                  {% csrf_token %}
                  <button class="btn-danger !px-3 !py-1 text-xs" type="submit">Usuń</button>
                </form>
              </div>
            </td>
          </tr>
        {% empty %}
          <tr><td class="td py-10 text-center text-slate-500" colspan="5">Ta treść nie ma jeszcze historii.</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 }}">Poprzednia</a>{% endif %}
        {% if page_obj.has_next %}<a class="btn-ghost !px-3 !py-1" href="?page={{ page_obj.next_page_number }}">Następna</a>{% endif %}
      </div>
    </nav>
  {% endif %}
</section>

{% if settings %}
  <p class="help">Trzymamy {{ settings.keep }} najnowszych wersji każdej treści - starsze kasują się same przy kolejnym zapisie.</p>
{% endif %}
{% endblock %}