{% extends "base.html" %}
{% block content %}
<div class="page-header">
    <h1 class="page-title">Change History<span class="page-count">{{ items|length }}</span></h1>
</div>

<form class="filters-bar" method="get" action="/history">
    <select name="entity_type" class="filter-select" onchange="this.form.submit()">
        <option value="">All Types</option>
        {% for t in type_options %}
        <option value="{{ t.value }}" {{ 'selected' if current_type == t.value }}>{{ t.label }}</option>
        {% endfor %}
    </select>
</form>

{% if items %}
<div class="card mt-3">
    {% for item in items %}
    <div class="list-row">
        <span class="row-tag" style="min-width: 70px; text-align: center;">{{ item.type_label }}</span>
        <span class="row-title"><a href="{{ item.url }}">{{ item.label }}</a></span>
        <span class="status-badge {{ 'status-active' if item.action == 'created' else 'status-open' }}">{{ item.action }}</span>
        <span class="row-meta">{{ item.updated_at.strftime('%Y-%m-%d %H:%M') if item.updated_at else '' }}</span>
    </div>
    {% endfor %}
</div>
{% else %}
<div class="empty-state mt-3">
    <div class="empty-state-text">No recent changes</div>
</div>
{% endif %}
{% endblock %}