{% extends "admin/base_site.html" %}
{% load i18n admin_urls cc_admin %}

{% block breadcrumbs %}
<ol class="breadcrumbs">
  <li><a href="{% url 'admin:index' %}">{% translate 'Home' %}</a></li>
  <li><a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a></li>
  <li><a href="{% url opts|admin_urlname:'changelist' %}">{{ module_name }}</a></li>
  <li><a href="{% url opts|admin_urlname:'change' object.pk|admin_urlquote %}">{{ object|truncatewords:"18" }}</a></li>
  <li aria-current="page">{% translate 'History' %}</li>
</ol>
{% endblock %}

{% block content_title %}<p class="cc-eyebrow">{% translate 'History' %}</p><h1>{{ object|truncatewords:"12" }}</h1>{% endblock %}

{% block content %}
<div id="content-main">
<div id="change-history" class="module">
{% if action_list %}
  <section class="cc-card">
    <ol class="cc-timeline cc-timeline-wide">
      {% for action in action_list %}
        <li class="cc-tl-{% if action.is_addition %}added{% elif action.is_deletion %}deleted{% else %}changed{% endif %}">
          <span class="cc-tl-dot">{% if action.is_addition %}{% icon "plus" %}{% elif action.is_deletion %}{% icon "trash" %}{% else %}{% icon "pencil" %}{% endif %}</span>
          <div>
            <p><b>{{ action.user.get_username }}</b>{% if action.user.get_full_name %} <span class="cc-muted">({{ action.user.get_full_name }})</span>{% endif %} · {{ action.get_change_message }}</p>
            <time datetime="{{ action.action_time|date:'c' }}">{{ action.action_time|date:"DATETIME_FORMAT" }}</time>
          </div>
        </li>
      {% endfor %}
    </ol>
  </section>
  {% if pagination_required %}
    <nav class="cc-pager paginator">
      <span class="cc-pager-count">{{ action_list.paginator.count }} {% blocktranslate count counter=action_list.paginator.count %}entry{% plural %}entries{% endblocktranslate %}</span>
      <div class="cc-pages">
        {% for i in page_range %}
          {% if i == action_list.paginator.ELLIPSIS %}<span>{{ i }}</span>{% elif i == action_list.number %}<a role="button" href="" aria-current="page">{{ i }}</a>{% else %}<a role="button" href="?{{ page_var }}={{ i }}">{{ i }}</a>{% endif %}
        {% endfor %}
      </div>
    </nav>
  {% endif %}
{% else %}
  <div class="cc-card cc-empty">{% icon "rotate-ccw-clock" %}<p>{% translate 'This object doesn’t have a change history. It probably wasn’t added via this admin site.' %}</p></div>
{% endif %}
</div>
</div>
{% endblock %}