{% load i18n %}
<ul>
  {% for log in mark.logs %}
    <li>
      {{ log.timestamp|date }}
      {{ log.action_label }}
      <span class="action inline">
        <a hx-post="{% url 'journal:mark_log' mark.item.uuid log.id %}?delete=1"
           hx-target="#log-list">
          <i class="fa-solid fa-square-xmark"></i>
        </a>
      </span>
    </li>
  {% empty %}
    <li _="init transition #mark-history opacity to 0 then remove #mark-history">{% trans "no history." %}</li>
  {% endfor %}
</ul>
<div class="action inline">
  <ul>
    <button class="secondary outline"
            hx-post="{% url 'journal:mark_log' mark.item.uuid 0 %}?delete=1"
            hx-target="#log-list"
            hx-confirm="{% trans "sure to clear mark history?" %}">{% trans "clear mark history" %}</button>
  </ul>
  <p>{% trans "clear history will not remove current mark" %}</p>
</div>
