{% extends "allianceauth/base-bs5.html" %}
{% load i18n %}

{% block page_title %}
    {% translate "Discord Audit Config Changes" %}
{% endblock %}
{% block header_nav_brand %}
    {% translate "Discord Audit" %}
{% endblock %}

{% block extra_javascript %}
    {% include "aa_discord_audit/_datatables_init.html" %}
{% endblock %}

{% block content %}
    {% include "aa_discord_audit/_subnav.html" with active="changelog" %}

    <nav aria-label="{% translate 'breadcrumb' %}" class="mb-3">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="{% url 'aa_discord_audit:run_list' %}">{% translate "Discord Audit" %}</a>
            </li>
            <li class="breadcrumb-item active" aria-current="page">{% translate "Config changes" %}</li>
        </ol>
    </nav>

    <div class="card mb-3">
        <div class="card-header d-flex align-items-center gap-2">
            <strong>{% translate "Operator config changes" %}</strong>
            <span class="badge bg-secondary">{{ total_count }}</span>
        </div>
        <div class="card-body">
            <p class="text-muted small">
                {% translate "Append-only forensic log of every operator edit to BotAccountUid, ProtectedDiscordMember, ManagedRoleException, and FindingActionOverride. Survives retention pruning of AuditRun rows." %}
            </p>

            <form method="get" class="mb-3 d-flex align-items-center gap-2 flex-wrap">
                <label for="cl-model" class="form-label mb-0">{% translate "Model" %}</label>
                <select id="cl-model" name="model_name" class="form-select w-auto">
                    <option value="">{% translate "(any)" %}</option>
                    {% for m in model_choices %}
                        <option value="{{ m }}"{% if m == selected_model %} selected{% endif %}>{{ m }}</option>
                    {% endfor %}
                </select>

                <label for="cl-action" class="form-label mb-0">{% translate "Action" %}</label>
                <select id="cl-action" name="action" class="form-select w-auto">
                    <option value="">{% translate "(any)" %}</option>
                    {% for a in actions %}
                        <option value="{{ a }}"{% if a == selected_action %} selected{% endif %}>{{ a }}</option>
                    {% endfor %}
                </select>

                <label for="cl-actor" class="form-label mb-0">{% translate "Actor" %}</label>
                <input id="cl-actor" type="text" name="actor_username" class="form-control w-auto" value="{{ selected_actor }}" placeholder="username">

                <button type="submit" class="btn btn-primary">{% translate "Apply" %}</button>
            </form>

            <div class="table-responsive">
                <table class="table table-striped"
                       data-audit-table
                       data-order='[[1, "desc"]]'
                       data-paging="{{ client_mode|yesno:'true,false' }}">
                    <thead>
                        <tr>
                            <th scope="col">{% translate "ID" %}</th>
                            <th scope="col">{% translate "Created at" %}</th>
                            <th scope="col">{% translate "Model" %}</th>
                            <th scope="col">{% translate "Object pk" %}</th>
                            <th scope="col">{% translate "Action" %}</th>
                            <th scope="col">{% translate "Actor" %}</th>
                            <th scope="col">{% translate "Payload" %}</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for row in rows %}
                            <tr>
                                <td>{{ row.obj.pk }}</td>
                                <td data-order="{{ row.obj.created_at|date:'U' }}" title="{{ row.created_abs }}">{{ row.created_rel }}</td>
                                <td><code>{{ row.obj.model_name }}</code></td>
                                <td>{{ row.obj.object_pk }}</td>
                                <td>
                                    <span class="badge {{ row.action_css }}">{{ row.action_label }}</span>
                                </td>
                                <td>
                                    {{ row.obj.actor_username }}
                                    {% if row.obj.actor_user_id %}
                                        <small class="text-muted">#{{ row.obj.actor_user_id }}</small>
                                    {% endif %}
                                </td>
                                <td>
                                    <details>
                                        <summary class="small text-muted" aria-label="{% translate 'Show payload' %}">{% translate "show" %}</summary>
                                        {% if row.diff.kind == "diff" %}
                                            <table class="table table-sm table-bordered mb-0 small mt-1">
                                                <thead>
                                                    <tr>
                                                        <th>{% translate "Field" %}</th>
                                                        <th>{% translate "Before" %}</th>
                                                        <th>{% translate "After" %}</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    {% for field, change in row.diff.changed.items %}
                                                        <tr>
                                                            <td><code>{{ field }}</code></td>
                                                            <td>{{ change.before }}</td>
                                                            <td>{{ change.after }}</td>
                                                        </tr>
                                                    {% endfor %}
                                                </tbody>
                                            </table>
                                        {% elif row.diff.kind == "snapshot" %}
                                            <pre class="mb-0 small">{{ row.diff.json }}</pre>
                                        {% else %}
                                            <span class="text-muted small">{% translate "row deleted (no snapshot)" %}</span>
                                        {% endif %}
                                    </details>
                                </td>
                            </tr>
                        {% empty %}
                            <tr>
                                <td colspan="7" class="text-center text-muted py-4">
                                    <i class="fas fa-search me-1"></i>
                                    {% translate "No config changes to display." %}
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>

            {% if not client_mode and page_obj %}
                <p class="text-muted small">
                    {% translate "Showing the first page — narrow your filters to search across all results." %}
                </p>
                {% include "aa_discord_audit/_pagination.html" with page_obj=page_obj pagination_query=pagination_query only %}
            {% endif %}
        </div>
    </div>
{% endblock %}