{% extends "base.html" %}
{% block title %}Activity - RadiusForge{% endblock %}
{% block content %}
    {# Step L1 (2 Oct 2026): who changed what, when. Read-only; secrets are never shown. #}
    <div class="rf-page-head">
        <div>
            <h1>Activity</h1>
            {% if organization %}<p class="rf-lede">Who changed what in <strong>{{ organization.name }}</strong>, newest first. Times are shown in {{ zone }}.</p>{% endif %}
        </div>
    </div>

    <form method="get" class="rf-form-card">
        {% if organizations %}
        <label for="id_org">Organization</label>
        <select name="org" id="id_org">
            {% for o in organizations %}<option value="{{ o.pk }}"{% if organization and o.pk == organization.pk %} selected{% endif %}>{{ o.name }}</option>{% endfor %}
        </select>
        {% endif %}
        <label for="id_who">Who</label>
        <input type="text" name="who" id="id_who" value="{{ filters.who }}" placeholder="A name, e.g. clive">
        <label for="id_what">What</label>
        <select name="what" id="id_what">
            <option value="">Everything</option>
            {% for value, label in kinds %}<option value="{{ value }}"{% if filters.what == value %} selected{% endif %}>{{ label }}</option>{% endfor %}
        </select>
        <label for="id_item">Item</label>
        <input type="text" name="item" id="id_item" value="{{ filters.item }}" placeholder="A subscriber, plan or router">
        <label for="id_since">From</label>
        <input type="date" name="since" id="id_since" value="{{ filters.since }}">
        <label for="id_until">To</label>
        <input type="date" name="until" id="id_until" value="{{ filters.until }}">
        <div class="rf-form-actions">
            <button type="submit">Show</button>
            <a href="{% url 'activity' %}">Clear</a>
            <a href="?format=csv&{{ keep }}">Download as CSV</a>
        </div>
    </form>

    {% if page.object_list %}
    <table class="rf-cards">
        <thead>
            <tr><th>When</th><th>Who</th><th>What</th><th>From</th></tr>
        </thead>
        <tbody>
        {% for e in page.object_list %}
            <tr>
                <td data-label="When" class="mono">{{ e.at|date:"d M Y H:i" }}</td>
                <td data-label="Who">{% if e.actor_kind == "customer" %}customer {% endif %}{{ e.actor }}</td>
                <td data-label="What" class="rf-primary">{{ e.summary }}
                    {% if e.changes %}
                    <details>
                        <summary>What changed</summary>
                        <ul>{% for label, old, new in e.changes %}<li>{{ label }}: {% if old %}{{ old }} &rarr; {% endif %}{{ new|default:"(empty)" }}</li>{% endfor %}</ul>
                    </details>
                    {% endif %}
                </td>
                <td data-label="From" class="mono">{{ e.address|default:"" }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <p class="rf-lede">
        {% if page.has_previous %}<a href="?page={{ page.previous_page_number }}&{{ keep }}">Newer</a>{% endif %}
        Page {{ page.number }} of {{ page.paginator.num_pages }}
        {% if page.has_next %}<a href="?page={{ page.next_page_number }}&{{ keep }}">Older</a>{% endif %}
    </p>
    {% else %}
    <p class="rf-empty">Nothing recorded{% if filters.who or filters.what or filters.item or filters.since or filters.until %} that matches{% endif %} yet.</p>
    {% endif %}
{% endblock %}