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

{% block panel_title %}Dziennik · wpis{% endblock %}
{% block heading %}{{ entry.message }}{% endblock %}
{% block subheading %}<p class="text-sm text-slate-500 dark:text-slate-400">{{ entry.created_at|date:"d.m.Y H:i:s" }}</p>{% endblock %}
{% block actions %}<a class="btn-ghost" href="{% url 'panel:journal:index' %}">Wróć do dziennika</a>{% endblock %}

{% block content %}
<section class="card max-w-2xl">
  <div class="card-body space-y-4">
    <dl class="grid gap-3 text-sm sm:grid-cols-2">
      <div>
        <dt class="text-slate-500 dark:text-slate-400">Waga</dt>
        <dd class="mt-1"><span class="badge {{ entry.badge_class }}">{{ entry.get_level_display }}</span></dd>
      </div>
      <div>
        <dt class="text-slate-500 dark:text-slate-400">Obszar</dt>
        <dd class="mt-1 font-medium">{{ entry.get_category_display }}</dd>
      </div>
      <div>
        <dt class="text-slate-500 dark:text-slate-400">Konto</dt>
        <dd class="mt-1 font-medium">{{ entry.username|default:"-" }}</dd>
      </div>
      <div>
        <dt class="text-slate-500 dark:text-slate-400">Adres IP</dt>
        <dd class="mt-1 font-medium">{{ entry.ip|default:"-" }}</dd>
      </div>
      <div class="sm:col-span-2">
        <dt class="text-slate-500 dark:text-slate-400">Adres w panelu</dt>
        <dd class="mt-1 font-medium break-all">{{ entry.path|default:"-" }}</dd>
      </div>
    </dl>

    {% if entry.details %}
      <div class="border-t border-slate-200 pt-4 dark:border-slate-800">
        <p class="text-slate-500 dark:text-slate-400 text-sm">Szczegóły</p>
        <pre class="mt-2 overflow-x-auto whitespace-pre-wrap bg-slate-50 p-4 text-xs text-slate-700 dark:bg-slate-950 dark:text-slate-200">{{ entry.details }}</pre>
      </div>
    {% endif %}
  </div>
</section>
{% endblock %}