{% extends "admin/base_site.html" %}
{% load i18n admin_urls %}
{% block breadcrumbs %}
<div class="breadcrumbs" style="padding:8px 24px;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)">
<a href="{% url 'admin:index' %}" style="color:var(--primary-color);text-decoration:none">{% translate 'Home' %}</a>
<span style="margin:0 4px">&rsaquo;</span>
<a href="{% url 'admin:app_list' app_label=opts.app_label %}" style="color:var(--primary-color);text-decoration:none">{{ opts.app_config.verbose_name }}</a>
<span style="margin:0 4px">&rsaquo;</span>
<a href="{% url opts|admin_urlname:'changelist' %}" style="color:var(--primary-color);text-decoration:none">{{ module_name }}</a>
<span style="margin:0 4px">&rsaquo;</span>
<a href="{% url opts|admin_urlname:'change' object.pk|admin_urlquote %}" style="color:var(--primary-color);text-decoration:none">{{ object|truncatewords:"18" }}</a>
<span style="margin:0 4px">&rsaquo;</span>
<span>{% translate 'History' %}</span>
</div>
{% endblock %}
{% block content %}
<div class="page-container" style="padding:20px 24px">
<div class="layui-card">
<div class="layui-card-header" style="font-size:16px;font-weight:600"><i class="layui-icon layui-icon-time"></i> {% translate 'Change history' %}</div>
<div class="layui-card-body">
{% if action_list %}
<table class="layui-table" style="margin:0">
<thead><tr><th>{% translate 'Date/time' %}</th><th>{% translate 'User' %}</th><th>{% translate 'Action' %}</th></tr></thead>
<tbody>
{% for action in action_list %}
<tr><td>{{ action.action_time|date:"DATETIME_FORMAT" }}</td>
<td>{{ action.user.get_username }}{% if action.user.get_full_name %} ({{ action.user.get_full_name }}){% endif %}</td>
<td>{{ action.get_change_message }}</td></tr>
{% endfor %}
</tbody>
</table>
{% else %}
<div style="text-align:center;padding:40px;color:var(--text-muted)">
<i class="layui-icon layui-icon-face-smile" style="font-size:48px;display:block;margin-bottom:8px"></i>
<p>{% translate 'This object does not have a change history.' %}</p>
</div>
{% endif %}
</div></div></div>
{% endblock %}