{% load i18n admin_urls djadmin %}{% comment %}
  The object's change history, rendered beside the form instead of only on the
  separate history page. Wide screens have a column of empty space to the right
  of a change form; this is what belongs in it.
{% endcomment %}
<aside class="dj-history-rail" id="dj-history" aria-labelledby="dj-history-title">
  <div class="dj-card">
    <div class="dj-card-head">
      <h2 id="dj-history-title">{% dj_icon "clock" "dj-icon dj-icon--sm" %}{% translate "History" %}</h2>
    </div>
    {% if dj_history.entries %}
      <ul class="dj-history">
        {% for action in dj_history.entries %}
          <li class="dj-history-item dj-history-item--{{ action.kind }}">
            <span class="dj-history-dot"></span>
            <div class="dj-history-body">
              <p class="dj-history-msg">{{ action.message }}</p>
              <p class="dj-history-meta">
                {% if action.user %}<strong>{{ action.user.get_username }}</strong> · {% endif %}
                <time datetime="{{ action.time|date:'c' }}" title="{{ action.time|date:'DATETIME_FORMAT' }}">{{ action.time|dj_ago }}</time>
              </p>
            </div>
          </li>
        {% endfor %}
      </ul>
      {% if dj_history.has_more %}
        {% url opts|admin_urlname:'history' original.pk|admin_urlquote as dj_history_url %}
        <a class="dj-history-more" href="{{ dj_history_url }}">{% blocktranslate with count=dj_history.limit %}Showing the last {{ count }} — see all{% endblocktranslate %}</a>
      {% endif %}
    {% else %}
      <div class="dj-card-empty">{% translate "No changes recorded through the admin yet." %}</div>
    {% endif %}
  </div>
</aside>