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

{% block panel_title %}Dziennik zgod{% endblock %}
{% block heading %}Dziennik zgod{% endblock %}
{% block subheading %}<p class="text-sm text-slate-500 dark:text-slate-400">Historia decyzji odwiedzających - dowód zgody na wypadek kontroli.</p>{% endblock %}

{% block actions %}
<a class="btn-ghost" href="{% url 'panel:consents:journal_export' %}{% if query_string %}?{{ query_string }}{% endif %}">Pobierz CSV</a>
{% if total %}
  <form method="post" action="{% url 'panel:consents:journal_clear' %}"
        data-confirm="Usunąć wszystkie wpisy dziennika zgod? To jedyny dowód udzielonych zgod i nie da się tego cofnąć.">
    {% csrf_token %}
    <button class="btn-danger" type="submit">Wyczyść dziennik</button>
  </form>
{% endif %}
{% endblock %}

{% block content %}
{% if not banner.log_enabled %}
  <div class="card border-l-4 border-l-amber-500">
    <div class="card-body text-sm text-slate-600 dark:text-slate-300">
      Zapisywanie dziennika jest wyłączone, więc nowe decyzje nie zostawiają śladu.
      Włączysz je w zakładce
      <a class="underline underline-offset-2" href="{% url 'panel:cookie:index' %}">Baner cookie i RODO</a>.
    </div>
  </div>
{% elif not banner.banner_enabled %}
  <div class="card border-l-4 border-l-amber-500">
    <div class="card-body text-sm text-slate-600 dark:text-slate-300">
      Baner zgody jest wyłączony, więc nikt nie ma jak wyrazić zgody - dziennik zostaje pusty.
    </div>
  </div>
{% endif %}

<section class="card">
  <div class="card-body space-y-3">
    <div class="flex flex-wrap gap-x-8 gap-y-2 text-sm">
      {% for item in summary %}
        <span class="text-slate-500 dark:text-slate-400">
          {{ item.label }}: <span class="font-semibold text-slate-900 dark:text-slate-100">{{ item.total }}</span>
        </span>
      {% endfor %}
    </div>
    <p class="help">
      Bieżąca wersja treści banera: <span class="font-mono">{{ banner_version }}</span>.
      Wpis z inną wersją powstał przy innym tekście pytania.
      Wpisy starsze niż {{ banner.log_retention_days|default:"0" }} dni są kasowane przy wejściu na tę stronę
      {% if not banner.log_retention_days %}(0 = bez limitu, nic nie znika){% endif %}.
    </p>
  </div>
</section>

<form method="get" class="flex flex-wrap items-end gap-2">
  <div class="w-52">{{ form.action }}</div>
  <div class="w-44">{{ form.since }}</div>
  <div class="w-44">{{ form.until }}</div>
  <button class="btn-ghost" type="submit">Filtruj</button>
  {% if query_string %}<a class="btn-ghost" href="{% url 'panel:consents:journal' %}">Wyczyść filtry</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">Kiedy</th>
          <th class="th">Decyzja</th>
          <th class="th">Zakres zgod</th>
          <th class="th">Adres IP</th>
          <th class="th">Wersje</th>
          <th class="th">Strona</th>
        </tr>
      </thead>
      <tbody class="divide-y divide-slate-100 dark:divide-slate-800">
        {% for item in page_obj %}
          <tr class="hover:bg-slate-50 dark:hover:bg-slate-800/50">
            <td class="td whitespace-nowrap">{{ item.created_at|date:"d.m.Y H:i:s" }}</td>
            <td class="td"><span class="badge {{ item.badge_class }}">{{ item.get_action_display }}</span></td>
            <td class="td">
              {% for label in item.category_labels %}{{ label }}{% if not forloop.last %}, {% endif %}{% empty %}
                <span class="text-slate-400">tylko niezbędne</span>
              {% endfor %}
            </td>
            <td class="td whitespace-nowrap">{{ item.ip|default:"-" }}</td>
            <td class="td whitespace-nowrap text-xs text-slate-400">
              <span class="block font-mono" title="Wersja treści banera">{{ item.banner_version|default:"-" }}</span>
              <span class="block font-mono" title="Wersja listy usług">{{ item.services_version|default:"-" }}</span>
            </td>
            <td class="td text-xs text-slate-400">{{ item.path|default:"-" }}</td>
          </tr>
        {% empty %}
          <tr><td class="td py-10 text-center text-slate-500" colspan="6">Brak zapisanych decyzji.</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_string %}&amp;{{ query_string }}{% 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_string %}&amp;{{ query_string }}{% endif %}">Następna</a>
        {% endif %}
      </div>
    </nav>
  {% endif %}
</section>
{% endblock %}