{% if items %}
  <ol class="ms-1.5 border-s border-base-300">
    {% for item in items %}
      {% set event = item.entry.event %}
      <li class="relative mb-6 ps-5 last:mb-0">
        <span class="absolute -start-[5px] top-1.5 block size-2.5 rounded-full ring-4 ring-base-100
          {% if event == 'deleted' %}bg-error
          {% elif event == 'created' %}bg-success
          {% elif event == 'action' %}bg-info
          {% else %}bg-primary{% endif %}"></span>

        {% set name = item.entry.record_title or (item.view_label ~ " " ~ item.entry.record_key) %}
        <p>
          <span class="font-medium">{{ item.who }}</span>
          {{ item.what }}
          {% if show_record %}
            {% if event != 'deleted' and item.entry.view in admin.views %}
              <a class="link link-hover font-medium"
                 href="{{ urls.detail(admin.views.get(item.entry.view), item.entry.record_key) }}">{{ name }}</a>
            {% else %}
              <span class="font-medium">{{ name }}</span>
            {% endif %}
          {% endif %}
        </p>
        <p class="text-xs text-base-content/50">
          <time>{{ item.when }} UTC</time>
          {% if item.entry.batch %} · part of a bulk action{% endif %}
        </p>
        {% if item.lines %}
          <dl class="mt-2 grid grid-cols-[auto_1fr] gap-x-4 gap-y-1 rounded-box bg-base-200 px-3 py-2 text-[13px]">
            {% for line in item.lines %}
              <dt class="text-base-content/60">{{ line.label }}</dt>
              <dd>
                <span class="text-base-content/50 line-through">{{ line.before }}</span>
                <span class="px-1 text-base-content/40">&rarr;</span>
                <span class="font-medium">{{ line.after }}</span>
              </dd>
            {% endfor %}
          </dl>
        {% endif %}
      </li>
    {% endfor %}
  </ol>
{% else %}
  <p class="py-8 text-center text-base-content/60">Nothing recorded yet.</p>
{% endif %}