{% 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 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>

<h2>{% translate "Operator config changes" %}</h2>
<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 class="form-label mb-0">{% translate "Model" %}</label>
    <select 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 class="form-label mb-0">{% translate "Action" %}</label>
    <select 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 class="form-label mb-0">{% translate "Actor" %}</label>
    <input 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">
        <thead>
            <tr>
                <th>{% translate "ID" %}</th>
                <th>{% translate "Created at" %}</th>
                <th>{% translate "Model" %}</th>
                <th>{% translate "Object pk" %}</th>
                <th>{% translate "Action" %}</th>
                <th>{% translate "Actor" %}</th>
                <th>{% translate "Payload" %}</th>
            </tr>
        </thead>
        <tbody>
            {% for entry in page_obj %}
                <tr>
                    <td>{{ entry.pk }}</td>
                    <td>{{ entry.created_at|date:"Y-m-d H:i:s" }}</td>
                    <td><code>{{ entry.model_name }}</code></td>
                    <td>{{ entry.object_pk }}</td>
                    <td>
                        {% if entry.action == "create" %}
                            <span class="badge bg-success">{{ entry.action }}</span>
                        {% elif entry.action == "delete" %}
                            <span class="badge bg-danger">{{ entry.action }}</span>
                        {% else %}
                            <span class="badge bg-info text-dark">{{ entry.action }}</span>
                        {% endif %}
                    </td>
                    <td>{{ entry.actor_username }}</td>
                    <td><details><summary class="small text-muted">{% translate "show" %}</summary><pre class="mb-0 small">{{ entry.payload|stringformat:"s" }}</pre></details></td>
                </tr>
            {% empty %}
                <tr><td colspan="7" class="text-center text-muted">{% translate "No config changes to display." %}</td></tr>
            {% endfor %}
        </tbody>
    </table>
</div>

{% if page_obj.has_other_pages %}
    <nav aria-label="{% translate 'pagination' %}">
        <ul class="pagination">
            {% if page_obj.has_previous %}
                <li class="page-item">
                    <a class="page-link" href="?page={{ page_obj.previous_page_number }}{% if selected_model %}&model_name={{ selected_model }}{% endif %}{% if selected_action %}&action={{ selected_action }}{% endif %}{% if selected_actor %}&actor_username={{ selected_actor }}{% endif %}">&laquo;</a>
                </li>
            {% endif %}
            <li class="page-item active" aria-current="page">
                <span class="page-link">{{ page_obj.number }} / {{ page_obj.paginator.num_pages }}</span>
            </li>
            {% if page_obj.has_next %}
                <li class="page-item">
                    <a class="page-link" href="?page={{ page_obj.next_page_number }}{% if selected_model %}&model_name={{ selected_model }}{% endif %}{% if selected_action %}&action={{ selected_action }}{% endif %}{% if selected_actor %}&actor_username={{ selected_actor }}{% endif %}">&raquo;</a>
                </li>
            {% endif %}
        </ul>
    </nav>
{% endif %}
{% endblock %}