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

{% block page_title %}
    {% translate "Discord Audit Runs" %}
{% endblock %}
{% block header_nav_brand %}
    {% translate "Discord Audit" %}
{% endblock %}

{% block extra_javascript %}
    {% include "aa_discord_audit/_datatables_init.html" %}
    <script src="{% static 'aa_discord_audit/js/run_list_state_poll.js' %}" defer></script>
{% endblock %}

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

    <nav aria-label="{% translate 'breadcrumb' %}" class="mb-3">
        <ol class="breadcrumb">
            <li class="breadcrumb-item active" aria-current="page">{% translate "Discord Audit" %}</li>
        </ol>
    </nav>

    {% if perms.aa_discord_audit.run_audit %}
        <div class="mb-3">
            <button type="button"
                    class="btn btn-primary"
                    data-bs-toggle="modal"
                    data-bs-target="#launch-audit-modal">
                {% translate "Launch Audit" %}
            </button>
        </div>
        {% include "aa_discord_audit/_launch_modal.html" %}
    {% endif %}

    <div class="card mb-3">
        <div class="card-body">
            <div class="d-flex gap-4 flex-wrap">
                <div>
                    <div class="text-muted small">{% translate "Last run" %}</div>
                    {% if summary.last_run %}
                        <a href="{% url 'aa_discord_audit:run_detail' pk=summary.last_run.pk %}">
                            <span class="badge {{ summary.last_run_badge.css }}">{{ summary.last_run_badge.label }}</span>
                        </a>
                        <span class="ms-1 text-muted small">{{ summary.last_run_rel }}</span>
                    {% else %}
                        <span class="text-muted">{% translate "no runs yet" %}</span>
                    {% endif %}
                </div>
                <div>
                    <div class="text-muted small">{% translate "Failed (7 d)" %}</div>
                    <span class="fw-semibold">{{ summary.failed_recent }}</span>
                </div>
                <div>
                    <div class="text-muted small">{% translate "Pending findings" %}</div>
                    <span class="fw-semibold">{{ summary.pending_findings }}</span>
                </div>
            </div>
        </div>
    </div>

    <div class="card mb-3">
        <div class="card-header d-flex align-items-center gap-2">
            <strong>{% translate "Audit runs" %}</strong>
            <span class="badge bg-secondary">{{ total_count }}</span>
        </div>
        <div class="card-body">
            <form method="get" class="mb-3 d-flex align-items-center gap-2 flex-wrap">
                <label for="state-filter" class="form-label mb-0">{% translate "State" %}</label>
                <select id="state-filter" name="state" class="form-select w-auto">
                    <option value="">{% translate "(any)" %}</option>
                    {% for state in states %}
                        <option value="{{ state.value }}"{% if state.value == selected_state %} selected{% endif %}>{{ state.label }}</option>
                    {% endfor %}
                </select>

                <label for="from-date" class="form-label mb-0">{% translate "From" %}</label>
                <input id="from-date" type="date" name="from" value="{{ selected_from }}" class="form-control w-auto">

                <label for="to-date" class="form-label mb-0">{% translate "To" %}</label>
                <input id="to-date" type="date" name="to" value="{{ selected_to }}" class="form-control w-auto">

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

            <div class="table-responsive">
                <table class="table table-striped"
                       data-audit-table
                       data-active-runs
                       data-poll-url="{% url 'aa_discord_audit:runs_state_json' %}"
                       data-poll-interval="10000"
                       data-terminal-states="{{ terminal_states_csv }}"
                       data-order='[[2, "desc"]]'
                       data-paging="{{ client_mode|yesno:'true,false' }}">
                    <thead>
                        <tr>
                            <th scope="col">{% translate "ID" %}</th>
                            <th scope="col">{% translate "State" %}</th>
                            <th scope="col">{% translate "Started" %}</th>
                            <th scope="col">{% translate "Duration" %}</th>
                            <th scope="col">{% translate "Trigger" %}</th>
                            <th scope="col">{% translate "User" %}</th>
                            <th scope="col" class="text-end">{% translate "Members" %}</th>
                            <th scope="col" class="text-end">{% translate "Findings" %}</th>
                            <th scope="col" class="text-end">{% translate "Applied" %}</th>
                            <th scope="col" class="text-end">{% translate "Skipped" %}</th>
                            <th scope="col">{% translate "Dry run" %}</th>
                            <th scope="col">{% translate "Error" %}</th>
                            <th scope="col"></th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for row in rows %}
                            <tr data-row-pk="{{ row.obj.pk }}" data-row-state="{{ row.obj.state }}">
                                <td>{{ row.obj.pk }}</td>
                                <td>
                                    <span class="badge {{ row.state_badge.css }}">{{ row.state_badge.label }}</span>
                                </td>
                                <td title="{{ row.started_abs }}" data-order="{{ row.obj.started_at|date:'U' }}">{{ row.started_rel }}</td>
                                <td>{{ row.duration }}</td>
                                <td>
                                    <span class="badge {{ row.trigger_badge.css }}">{{ row.trigger_badge.label }}</span>
                                </td>
                                <td>{{ row.obj.triggered_by_user|default:"—" }}</td>
                                <td class="text-end">{{ row.obj.members_scanned }}</td>
                                <td class="text-end">{{ row.obj.findings_count }}</td>
                                <td class="text-end">{{ row.obj.actions_applied }}</td>
                                <td class="text-end">{{ row.obj.actions_skipped }}</td>
                                <td>
                                    {% include "aa_discord_audit/_flag_badge.html" with badge=row.dry_run_badge only %}
                                </td>
                                <td>
                                    {% if row.error_redacted %}
                                        <details>
                                            <summary class="text-danger">{% translate "Error" %}</summary>
                                            {{ row.error_redacted|truncatechars:200 }}
                                        </details>
                                    {% else %}
                                        &mdash;
                                    {% endif %}
                                </td>
                                <td>
                                    <a href="{% url 'aa_discord_audit:run_detail' pk=row.obj.pk %}" class="btn btn-outline-secondary btn-sm">
                                        {% translate "Open" %}
                                    </a>
                                </td>
                            </tr>
                        {% empty %}
                            <tr>
                                <td colspan="13" class="text-center text-muted py-4">
                                    <i class="fas fa-search me-1"></i>
                                    {% translate "No audit runs to display." %}
                                    <a href="{% url 'aa_discord_audit:run_list' %}" class="ms-2">{% translate "Clear filters" %}</a>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>

            {% if not client_mode and page_obj and page_obj.number == 1 %}
                <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 %}