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

{% block page_title %}
    {% translate "Discord Audit Run" %} #{{ run.pk }}
{% 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="runs" %}

    <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">
                {% blocktranslate with run_id=run.pk %}Run #{{ run_id }}{% endblocktranslate %}
            </li>
        </ol>
    </nav>

    <div class="card mb-4">
        <div class="card-header">
            <strong>{% translate "AuditRun" %} #{{ run.pk }}</strong>
        </div>
        <div class="card-body p-0">
            <table class="table table-bordered mb-0 w-auto">
                <tbody>
                    <tr>
                        <th>{% translate "State" %}</th>
                        <td>
                            <span class="badge {{ meta.state_badge.css }}">{{ meta.state_badge.label }}</span>
                        </td>
                    </tr>
                    <tr>
                        <th>{% translate "Triggered by" %}</th>
                        <td>{{ run.triggered_by }}</td>
                    </tr>
                    <tr>
                        <th>{% translate "Triggered by user" %}</th>
                        <td>{{ run.triggered_by_user|default:"&mdash;" }}</td>
                    </tr>
                    <tr>
                        <th>{% translate "Started" %}</th>
                        <td>{{ run.started_at|date:"Y-m-d H:i:s" }}</td>
                    </tr>
                    <tr>
                        <th>{% translate "Finished" %}</th>
                        <td>
                            {% if run.finished_at %}
                                {{ run.finished_at|date:"Y-m-d H:i:s" }}
                            {% else %}
                                &mdash;
                            {% endif %}
                        </td>
                    </tr>
                    <tr>
                        <th>{% translate "Members scanned" %}</th>
                        <td>{{ run.members_scanned }}</td>
                    </tr>
                    <tr>
                        <th>{% translate "Findings" %}</th>
                        <td>{{ run.findings_count }}</td>
                    </tr>
                    <tr>
                        <th>{% translate "Actions applied" %}</th>
                        <td>{{ run.actions_applied }}</td>
                    </tr>
                    <tr>
                        <th>{% translate "Actions skipped" %}</th>
                        <td>{{ run.actions_skipped }}</td>
                    </tr>
                    <tr>
                        <th>{% translate "Dry run" %}</th>
                        <td>
                            {% if meta.dry_run_badge %}
                                <span class="badge {{ meta.dry_run_badge.css }}">{{ meta.dry_run_badge.label }}</span>
                            {% else %}
                                <span class="text-muted">{% translate "no" %}</span>
                            {% endif %}
                        </td>
                    </tr>
                    <tr>
                        <th>{% translate "First-run lock" %}</th>
                        <td>
                            {% if meta.lock_badge %}
                                <span class="badge {{ meta.lock_badge.css }}">{{ meta.lock_badge.label }}</span>
                            {% else %}
                                <span class="text-muted">{% translate "no" %}</span>
                            {% endif %}
                        </td>
                    </tr>
                    <tr>
                        <th>{% translate "Confirmation bypassed" %}</th>
                        <td>
                            {% if meta.bypass_badge %}
                                <span class="badge {{ meta.bypass_badge.css }}">{{ meta.bypass_badge.label }}</span>
                            {% else %}
                                <span class="text-muted">{% translate "no" %}</span>
                            {% endif %}
                        </td>
                    </tr>
                    {% if meta.error_redacted %}
                        <tr>
                            <th>{% translate "Error" %}</th>
                            <td>
                                <pre class="mb-0">{{ meta.error_redacted }}</pre>
                            </td>
                        </tr>
                    {% endif %}
                </tbody>
            </table>
        </div>
    </div>

    <div class="card mb-4">
        <div class="card-header d-flex align-items-center gap-2">
            <strong>{% translate "Findings" %}</strong>
            {% if can_view_findings %}
                <a href="{% url 'aa_discord_audit:findings_csv' pk=run.pk %}" class="btn btn-outline-secondary btn-sm ms-2">
                    {% translate "Download all findings (CSV)" %}
                </a>
            {% endif %}
        </div>
        <div class="card-body">
            {% if not can_view_findings %}
                <div class="alert alert-warning">
                    {% translate "You lack the view_auditfinding permission; per-finding details are hidden." %}
                </div>
            {% else %}
                <p class="text-muted small mb-2">
                    {% blocktranslate with t=findings_summary.total k=findings_summary.kicked s=findings_summary.skipped e=findings_summary.errors %}{{ t }} findings: {{ k }} kicked, {{ s }} skipped, {{ e }} errors{% endblocktranslate %}
                </p>

                <form method="get" class="mb-3 d-flex align-items-center gap-2 flex-wrap">
                    <label class="form-label mb-0">{% translate "Category" %}</label>
                    <select name="category" class="form-select w-auto">
                        <option value="">{% translate "(any)" %}</option>
                        {% for c in categories %}
                            <option value="{{ c.value }}"{% if c.value == selected_filters.category %} selected{% endif %}>{{ c.label }}</option>
                        {% endfor %}
                    </select>

                    <label class="form-label mb-0">{% translate "State" %}</label>
                    <select name="state" class="form-select w-auto">
                        <option value="">{% translate "(any)" %}</option>
                        {% for s in finding_states %}
                            <option value="{{ s.value }}"{% if s.value == selected_filters.state %} selected{% endif %}>{{ s.label }}</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.value }}"{% if a.value == selected_filters.action %} selected{% endif %}>{{ a.label }}</option>
                        {% endfor %}
                    </select>

                    <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='[[2, "asc"]]' data-paging="false">
                        <thead>
                            <tr>
                                <th scope="col">{% translate "Member ID" %}</th>
                                <th scope="col">{% translate "Username" %}</th>
                                <th scope="col">{% translate "Category" %}</th>
                                <th scope="col">{% translate "State" %}</th>
                                <th scope="col">{% translate "Action" %}</th>
                                <th scope="col">{% translate "Kicked" %}</th>
                                <th scope="col">{% translate "Skip reason" %}</th>
                                <th scope="col">{% translate "Error" %}</th>
                                <th scope="col"></th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for row in finding_rows %}
                                <tr>
                                    <td>{{ row.obj.member_id }}</td>
                                    <td>{{ row.obj.member_username }}</td>
                                    <td>
                                        <span class="badge {{ row.category_badge.css }}">{{ row.category_badge.label }}</span>
                                    </td>
                                    <td>
                                        <span class="badge {{ row.state_badge.css }}">{{ row.state_badge.label }}</span>
                                    </td>
                                    <td>
                                        <span class="badge {{ row.action_badge.css }}">{{ row.action_badge.label }}</span>
                                    </td>
                                    <td>
                                        {% if row.kicked_badge %}
                                            <span class="badge {{ row.kicked_badge.css }}">{{ row.kicked_badge.label }}</span>
                                        {% else %}
                                            <span class="text-muted">{% translate "no" %}</span>
                                        {% endif %}
                                    </td>
                                    <td>{{ row.obj.skipped_reason|default:"&mdash;" }}</td>
                                    <td>
                                        {% if row.error_redacted %}
                                            <details>
                                                <summary class="small text-muted">show</summary>
                                                <pre class="mb-0 small">{{ row.error_redacted|truncatechars:200 }}</pre>
                                            </details>
                                        {% else %}
                                            &mdash;
                                        {% endif %}
                                    </td>
                                    <td>
                                        <a href="{% url 'aa_discord_audit:finding_explain' pk=row.obj.pk %}" class="btn btn-outline-secondary btn-sm">
                                            {% translate "Explain" %}
                                        </a>
                                    </td>
                                </tr>
                            {% empty %}
                                <tr>
                                    <td colspan="9" class="text-center text-muted">{% translate "No findings 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 }}{% for k, v in selected_filters.items %}{% if v %}&{{ k }}={{ v }}{% endif %}{% endfor %}">&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 }}{% for k, v in selected_filters.items %}{% if v %}&{{ k }}={{ v }}{% endif %}{% endfor %}">&raquo;</a>
                                </li>
                            {% endif %}
                        </ul>
                    </nav>
                {% endif %}
            {% endif %}
        </div>
    </div>
{% endblock %}