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

{% block panel_title %}Wersja z {{ entry.created_at|date:'d.m.Y H:i' }}{% endblock %}
{% block heading %}Wersja z {{ entry.created_at|date:'d.m.Y H:i' }}{% endblock %}
{% block subheading %}
  <p class="text-sm text-slate-500 dark:text-slate-400">
    {{ kind_name }}: {{ entry.title|default:"(bez tytulu)" }} &middot; zapisał(a) {{ entry.signature }}
    {% if entry.note %}&middot; {{ entry.note }}{% endif %}
  </p>
{% endblock %}
{% block actions %}
  <div class="flex flex-wrap gap-2">
    <a class="btn-ghost" href="{% url 'panel:revisions:content' label=entry.content_label object_id=entry.object_id %}">Historia tej treści</a>
    {% if edit_url %}<a class="btn-ghost" href="{{ edit_url }}">Edytuj treść</a>{% endif %}
  </div>
{% endblock %}

{% block content %}
{% if not object %}
  <div class="card">
    <div class="card-body text-sm text-slate-600 dark:text-slate-300">
      Treści, której dotyczy ta wersja, już nie ma w serwisie - zostaje sam zapis.
    </div>
  </div>
{% elif not changed %}
  <div class="card">
    <div class="card-body text-sm text-slate-600 dark:text-slate-300">
      Ta wersja jest identyczna z tym, co stoi w serwisie teraz.
    </div>
  </div>
{% endif %}

<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 w-1/5">Pole</th>
          <th class="th">W tej wersji</th>
          <th class="th">Teraz w serwisie</th>
        </tr>
      </thead>
      <tbody class="divide-y divide-slate-100 dark:divide-slate-800">
        {% for row in rows %}
          <tr class="{% if row.changed %}bg-amber-50/60 dark:bg-amber-950/20{% endif %}">
            <td class="td align-top font-medium">{{ row.label }}</td>
            <td class="td align-top">
              <pre class="max-h-64 overflow-auto whitespace-pre-wrap break-words text-xs leading-relaxed">{{ row.old|default_if_none:"-" }}</pre>
            </td>
            <td class="td align-top">
              <pre class="max-h-64 overflow-auto whitespace-pre-wrap break-words text-xs leading-relaxed">{{ row.new|default_if_none:"-" }}</pre>
            </td>
          </tr>
        {% empty %}
          <tr><td class="td py-10 text-center text-slate-500" colspan="3">Ta wersja nie ma zapisanych pól.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>

{% if object %}
  <div class="card">
    <div class="card-body flex flex-wrap items-center justify-between gap-3">
      <p class="help">
        Przywrócenie nadpisuje treść stanem z tej wersji. Stan sprzed przywrócenia
        zostaje w historii, więc da się cofnąć także to.
      </p>
      <form method="post" action="{% url 'panel:revisions:restore' entry.pk %}"
            data-confirm="Przywrócić treść do stanu z {{ entry.created_at|date:'d.m.Y H:i' }}?">
        {% csrf_token %}
        <button class="btn-primary" type="submit">Przywróć te wersje</button>
      </form>
    </div>
  </div>
{% endif %}
{% endblock %}