{% extends "allianceauth/base.html" %}
{% load securityaudit_extras %}

{% block page_title %}Security Audit Summary{% endblock %}

{% block content %}
<div class="d-flex flex-wrap justify-content-between align-items-center mb-3">
    <h2 class="mb-0">Security Audit Summary</h2>
</div>

<div class="card mb-3">
    <div class="card-body">
        <h4 class="card-title mb-3">Audit #{{ run.id }}</h4>
        <dl class="row mb-0">
            <dt class="col-sm-3">Target</dt>
            <dd class="col-sm-9">
                {% if run.target.target_type == "individual" %}
                    {{ target_affiliations.character_name|default:run.target }}
                {% else %}
                    {{ target_affiliations.corp_name|default:run.target }}
                {% endif %}
            </dd>
            <dt class="col-sm-3">Corporation</dt>
            <dd class="col-sm-9 d-flex align-items-center gap-2">
                {% if target_affiliations.corp_logo_url %}
                <img src="{{ target_affiliations.corp_logo_url }}" alt="" width="32" height="32" class="rounded" />
                {% endif %}
                <span>{{ target_affiliations.corp_name|default:"-" }}</span>
            </dd>
            <dt class="col-sm-3">Alliance</dt>
            <dd class="col-sm-9 d-flex align-items-center gap-2">
                {% if target_affiliations.alliance_logo_url %}
                <img src="{{ target_affiliations.alliance_logo_url }}" alt="" width="32" height="32" class="rounded" />
                {% endif %}
                <span>{{ target_affiliations.alliance_name|default:"-" }}</span>
            </dd>
            <dt class="col-sm-3">Status</dt><dd class="col-sm-9">{{ run.get_status_display }}</dd>
            <dt class="col-sm-3">Risk</dt><dd class="col-sm-9">{{ run.risk_level|title }} ({{ run.risk_score }})</dd>
            <dt class="col-sm-3">Summary</dt><dd class="col-sm-9">{{ run.summary|default:"-" }}</dd>
            <dt class="col-sm-3">Created</dt><dd class="col-sm-9">{{ run.created_at }}</dd>
            <dt class="col-sm-3">Initiated by</dt>
            <dd class="col-sm-9 d-flex align-items-center gap-2">
                {% if started_by_portrait %}
                <img src="{{ started_by_portrait }}" alt="" width="24" height="24" class="rounded-circle" />
                {% endif %}
                <span>{{ started_by_name }}</span>
            </dd>
            {% if run.finished_at %}
            <dt class="col-sm-3">Finished</dt><dd class="col-sm-9">{{ run.finished_at }}</dd>
            {% endif %}
            {% if run.missing_scopes and run.missing_scopes != "[]" and run.missing_scopes != "None" and run.missing_scopes != "null" %}
            <dt class="col-sm-3">Missing scopes</dt><dd class="col-sm-9">{{ run.missing_scopes }}</dd>
            {% endif %}
            {% if run.error_message and run.error_message != "None" and run.error_message != "null" %}
            <dt class="col-sm-3">Error</dt><dd class="col-sm-9 text-danger">{{ run.error_message }}</dd>
            {% endif %}
        </dl>
    </div>
</div>

{% if disclosed_alts %}
<div class="card mb-3">
    <div class="card-header"><h5 class="mb-0">Disclosed Alts</h5></div>
    <div class="card-body" style="display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0.75rem;">
        {% for alt in disclosed_alts %}
        <div style="display: flex; align-items: flex-start; gap: 0.5rem; min-width: 220px; flex: 0 0 auto;">
            <img src="{{ alt.portrait_url }}" alt="" width="32" height="32" class="rounded" />
            <div>
                <div class="fw-semibold">{{ alt.character_name }}</div>
            </div>
        </div>
        {% endfor %}
    </div>
</div>
{% endif %}

{% if capital_ship_observations %}
<div class="card mb-3">
    <div class="card-header"><h5 class="mb-0">Observed Capital Ships</h5></div>
    <div class="card-body">
        {% for category in capital_ship_observations %}
        <div class="mb-3">
            <h6 class="text-muted small text-uppercase fw-bold mb-2">
                {{ category.label }}
                <span class="badge text-bg-secondary ms-1">{{ category.total_observations }}</span>
            </h6>
            <div class="d-flex flex-wrap gap-3">
                {% for ship in category.ships %}
                <div class="d-flex align-items-start gap-2" style="min-width: 240px;">
                    <div style="position: relative; width: 64px; height: 64px; flex-shrink: 0;">
                        <img src="{{ ship.image_url }}" alt="" width="64" height="64" class="rounded" onerror="this.style.display='none'" />
                        {% if ship.total_asset_count %}
                        <span class="badge text-bg-info" style="position: absolute; bottom: -4px; right: -4px; font-size: 0.7rem; min-width: 18px; text-align: center;" title="{{ ship.asset_tooltip }}">{{ ship.total_asset_count }}</span>
                        {% endif %}
                    </div>
                    <div>
                        <div class="fw-semibold"><a href="{{ ship.zkill_url }}" target="_blank" rel="noopener noreferrer">{{ ship.ship_name }}</a></div>
                        <ul class="mb-0 ps-3 small">
                            {% for char in ship.characters %}
                            <li>
                                {{ char.character_name }}
                                <span class="text-muted">
                                    (zKill: {{ char.observation_count }}{% if char.first_seen %}, first {{ char.first_seen|date:"Y-m-d" }}{% endif %}{% if char.last_seen %}, last {{ char.last_seen|date:"Y-m-d" }}{% endif %}{% if char.asset_count %}, assets: {{ char.asset_count }}{% endif %}{% if char.is_current_ship %}, ACTIVE{% endif %})
                                </span>
                            </li>
                            {% endfor %}
                        </ul>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
        {% endfor %}
    </div>
</div>
{% endif %}

<div class="card mb-3">
    <div class="card-header"><h5 class="mb-0">Severity Breakdown</h5></div>
    <div class="card-body">
        <div class="row g-2">
            <div class="col-6 col-md-3"><strong>None:</strong> {{ severity_breakdown.none|default:0 }}</div>
            <div class="col-6 col-md-3"><strong>Critical:</strong> {{ severity_breakdown.critical|default:0 }}</div>
            <div class="col-6 col-md-3"><strong>High:</strong> {{ severity_breakdown.high|default:0 }}</div>
            <div class="col-6 col-md-3"><strong>Medium:</strong> {{ severity_breakdown.medium|default:0 }}</div>
            <div class="col-6 col-md-3"><strong>Low:</strong> {{ severity_breakdown.low|default:0 }}</div>
        </div>
    </div>
</div>

{% if child_runs %}
<div class="card mb-3">
    <div class="card-header"><h5 class="mb-0">Audited Corporation Members</h5></div>
    <div class="table-responsive">
        <table class="table table-striped table-hover mb-0">
            <thead>
                <tr>
                    <th>Character</th>
                    <th>Status</th>
                    <th>Risk</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
            {% for child in child_runs %}
                <tr>
                    <td>
                        <div class="d-flex align-items-center gap-2">
                            {% if child.portrait_url %}
                            <img src="{{ child.portrait_url }}" alt="" width="32" height="32" class="rounded-circle" />
                            {% endif %}
                            <span>{{ child.character_name }}</span>
                        </div>
                    </td>
                    <td>{{ child.status_display }}</td>
                    <td>{{ child.risk_level|title }} ({{ child.risk_score }})</td>
                    <td><a href="{{ child.url }}">View</a></td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endif %}

<div class="card">
    <div class="card-header"><h5 class="mb-0">Detailed Findings</h5></div>
    <div class="table-responsive">
        <table class="table table-striped table-hover mb-0">
            <thead>
                <tr>
                    <th>Severity</th>
                    <th>Type</th>
                    <th>Title</th>
                    <th>Details</th>
                    <th>Impact</th>
                </tr>
            </thead>
            <tbody>
            {% for finding in findings %}
                <tr>
                    <td>{{ finding.severity|title }}</td>
                    <td>{{ finding.finding_type }}</td>
                    <td>{{ finding.title }}</td>
                    <td>
                        <p class="mb-1 fw-semibold">{{ finding.title }}</p>
                        <p class="mb-2">{{ finding.details }}</p>
                        {% if finding.prepared_evidence %}
                            <button class="btn btn-sm btn-primary mb-2 finding-details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#finding-details-{{ finding.id }}" aria-expanded="false" aria-controls="finding-details-{{ finding.id }}">
                                Show details
                            </button>
                            <div class="collapse" id="finding-details-{{ finding.id }}">
                        <ul class="mb-0 mt-2">
                            {% for item in finding.prepared_evidence %}
                            <li>
                                {% if item.key == "counterparty_character_id" %}
                                    {% with cp=counterparty_by_id|get:item.value %}
                                        {% if cp %}
                                        <div class="d-flex align-items-center gap-2">
                                            {% if cp.portrait_url %}
                                            <img src="{{ cp.portrait_url }}" alt="" width="24" height="24" class="rounded" />
                                            {% endif %}
                                            <div>
                                                <span class="fw-semibold">{{ cp.character_name }}</span>
                                                {% if cp.is_declared_alt %}
                                                <span class="badge text-bg-info">Declared Alt</span>
                                                {% endif %}
                                                <span class="small">
                                                    {% if cp.memberaudit_url %}<a href="{{ cp.memberaudit_url }}" target="_blank" rel="noopener noreferrer">MemberAudit</a>{% endif %}
                                                    {% if cp.zkill_url %}<a href="{{ cp.zkill_url }}" target="_blank" rel="noopener noreferrer">zKill</a>{% endif %}
                                                </span>
                                            </div>
                                        </div>
                                        {% else %}
                                        {{ item.key }}: {{ item.value }}
                                        {% endif %}
                                    {% endwith %}
                                {% elif item.key == "collusion_killmail_ids" %}
                                    {% if item.collusion_killmail_links %}
                                        <ul class="small mb-0">
                                            {% for link in item.collusion_killmail_links %}
                                            <li class="d-flex align-items-center gap-2 flex-wrap">
                                                <span>{{ link.date }} &mdash; <a href="{{ link.url }}" target="_blank" rel="noopener noreferrer">{{ link.url }}</a></span>
                                                {% if link.matches %}
                                                <span class="d-flex align-items-center gap-1">
                                                    {% for match in link.matches %}
                                                    {% if match.image_url %}
                                                    <img src="{{ match.image_url }}" alt="" width="24" height="24" class="rounded" title="{{ match.name }}" />
                                                    {% endif %}
                                                    {% endfor %}
                                                </span>
                                                {% endif %}
                                            </li>
                                            {% endfor %}
                                        </ul>
                                    {% else %}
                                        none
                                    {% endif %}
                                {% elif item.key == "matched_enemy_or_blacklist_entities" %}
                                    {{ item.key }}:
                                    {% if item.matched_entities %}
                                        <div class="d-flex flex-column gap-1 mt-1">
                                            {% for entity in item.matched_entities %}
                                            <div class="d-flex align-items-center gap-2">
                                                {% if entity.image_url %}
                                                <img src="{{ entity.image_url }}" alt="" width="24" height="24" class="rounded" />
                                                {% endif %}
                                                <span class="fw-semibold">{{ entity.name }}</span>
                                                <span class="small text-muted text-capitalize">({{ entity.source }} {{ entity.entity_type }} #{{ entity.entity_id }})</span>
                                            </div>
                                            {% endfor %}
                                        </div>
                                    {% else %}
                                        none
                                    {% endif %}
                                {% elif item.key == "enemy_connection" %}
                                    {% with ec=item.enemy_connection %}
                                        {% if ec %}
                                        <div class="d-inline-flex align-items-start gap-2">
                                            {% if ec.image_url %}
                                            <img src="{{ ec.image_url }}" alt="" width="32" height="32" class="rounded" />
                                            {% endif %}
                                            <div>
                                                <div class="fw-semibold">{{ ec.name }}</div>
                                                <div class="small d-flex align-items-center gap-1 flex-wrap">
                                                    {% if ec.corp_id %}
                                                    <img src="{{ ec.corp_logo_url }}" alt="" width="16" height="16" class="rounded" onerror="this.style.display='none'" />
                                                    <span class="text-muted">{{ ec.corp_name }}</span>
                                                    {% endif %}
                                                    {% if ec.alliance_id %}
                                                    <img src="{{ ec.alliance_logo_url }}" alt="" width="16" height="16" class="rounded" onerror="this.onerror=function(){ this.style.display='none'; }; this.src='https://images.evetech.net/corporations/{{ ec.alliance_id }}/logo?size=64';" />
                                                    <span class="text-muted">{{ ec.alliance_name }}</span>
                                                    {% endif %}
                                                </div>
                                            </div>
                                        </div>
                                        {% else %}
                                            none
                                        {% endif %}
                                    {% endwith %}
                                {% elif item.key == "total_isk" %}
                                    {{ item.key }}: {{ item.value|format_isk }}
                                {% else %}
                                    {{ item.key }}: {{ item.value }}
                                {% endif %}
                            </li>
                            {% endfor %}
                        </ul>
                            </div>
                        {% endif %}
                    </td>
                    <td>{{ finding.score_impact }}</td>
                </tr>
            {% empty %}
                <tr><td colspan="5">No findings were recorded for this audit run.</td></tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
</div>

{% if counterparty_rows %}
<div class="card">
    <div class="card-header"><h5 class="mb-0">Counterparties</h5></div>
    <div class="table-responsive">
        <table class="table table-striped table-hover mb-0">
            <thead>
            <tr>
                <th>Type</th>
                <th>Counterparty</th>
                <th>Affiliation</th>
                <th>Relationship</th>
                <th>Amount</th>
                <th>Events</th>
                <th>Details</th>
            </tr>
            </thead>
            <tbody>
            {% for cp in counterparty_rows %}
                <tr>
                    <td>{{ cp.type }}</td>
                    <td>
                        <div class="d-flex align-items-center gap-2">
                            {% if cp.portrait_url %}
                            <img src="{{ cp.portrait_url }}" alt="" width="32" height="32" class="rounded" />
                            {% endif %}
                            <div>
                                <div class="fw-semibold">
                                    {{ cp.character_name|default:"Unknown" }}
                                    {% if cp.is_declared_alt %}
                                    <span class="badge text-bg-info ms-1">Declared Alt</span>
                                    {% endif %}
                                </div>
                                <div class="small">
                                    {% if cp.memberaudit_url %}<a href="{{ cp.memberaudit_url }}" target="_blank" rel="noopener noreferrer">MemberAudit</a>{% endif %}
                                    {% if cp.zkill_url %}<a href="{{ cp.zkill_url }}" target="_blank" rel="noopener noreferrer">zKill</a>{% endif %}
                                </div>
                            </div>
                        </div>
                    </td>
                    <td>{{ cp.corp_name|default:"-" }}{% if cp.alliance_name %} / {{ cp.alliance_name }}{% endif %}</td>
                    <td>{{ cp.relationship }}</td>
                    <td>{% if cp.total_amount %}{{ cp.total_amount|format_isk }}{% else %}-{% endif %}</td>
                    <td>{{ cp.event_count }}</td>
                    <td>
                        {% if cp.notes %}
                            <button class="btn btn-sm btn-primary cp-details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#cp-notes-{{ forloop.counter }}">Show Details</button>
                            <div class="collapse mt-2" id="cp-notes-{{ forloop.counter }}">
                                {{ cp.notes|safe }}
                            </div>
                        {% else %}-{% endif %}
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endif %}

{% if run.target.target_type == "individual" %}
<div class="card mb-3">
    <div class="card-header">
        <h5 class="mb-0">Corp History</h5>
    </div>
    <div class="card-body">
        <p class="small text-muted">
            Red rows are part of a corp-hopping window (at least <strong>{{ corp_hop_count_threshold }}</strong> changes within <strong>{{ corp_hop_window_days }}</strong> days).
        </p>
        <div class="table-responsive">
            <table class="table table-sm table-striped table-hover mb-0">
                <thead>
                    <tr>
                        <th style="width: 40px;"></th>
                        <th>Corporation</th>
                        <th>Start Date</th>
                        <th>End Date</th>
                        <th>Duration</th>
                    </tr>
                </thead>
                <tbody>
                    {% for row in corp_history %}
                    <tr {% if row.is_hop %}style="background-color: #f8d7da !important; color: #212529 !important;"{% endif %}>
                        <td>
                            {% if row.logo_url %}<img src="{{ row.logo_url }}" alt="" width="32" height="32" class="rounded">{% else %}<span class="text-muted">-</span>{% endif %}
                        </td>
                        <td>
                            <a href="https://zkillboard.com/corporation/{{ row.corporation_id }}/" target="_blank" rel="noopener">{{ row.corp_name }}</a>
                            {% if row.npc %}<span class="badge text-bg-secondary ms-1">NPC</span>{% endif %}
                        </td>
                        <td>{{ row.start_date_str|default:"-" }}</td>
                        <td>{{ row.end_date_str|default:"-" }}</td>
                        <td>
                            {% if row.duration_days is not None %}{{ row.duration_days }} day{{ row.duration_days|pluralize }}{% else %}-{% endif %}
                        </td>
                    </tr>
                    {% empty %}
                    <tr><td colspan="5">No corporation history available.</td></tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endif %}

<script>
    (function () {
        function applyTabButtonState(button, isActive) {
            if (!button) {
                return;
            }
            button.style.color = "var(--bs-body-color, #fff)";
            button.style.borderColor = isActive ? "var(--bs-primary, #0d6efd)" : "var(--bs-secondary, #6c757d)";
            button.style.backgroundColor = isActive ? "var(--bs-primary, #0d6efd)" : "var(--bs-secondary, #6c757d)";
        }

        document.addEventListener("click", function (e) {
            const tabBtn = e.target.closest("[data-tab-pane]");
            if (tabBtn) {
                e.preventDefault();
                const group = tabBtn.getAttribute("data-tab-group");
                const paneId = tabBtn.getAttribute("data-tab-pane");
                if (!group || !paneId) {
                    return;
                }
                const groupEl = document.getElementById(group);
                if (groupEl) {
                    groupEl.querySelectorAll("[data-tab-pane]").forEach(function (b) {
                        b.classList.remove("active");
                        b.classList.remove("btn-primary");
                        b.classList.add("btn-secondary");
                        b.setAttribute("aria-selected", "false");
                        applyTabButtonState(b, false);
                    });
                }
                tabBtn.classList.add("active");
                tabBtn.classList.add("btn-primary");
                tabBtn.classList.remove("btn-secondary");
                tabBtn.setAttribute("aria-selected", "true");
                applyTabButtonState(tabBtn, true);
                const contentEl = document.getElementById(group + "-content");
                if (contentEl) {
                    contentEl.querySelectorAll(".tab-pane").forEach(function (p) {
                        p.classList.remove("active", "show");
                        p.style.display = "none";
                        p.style.opacity = "0";
                        p.style.visibility = "hidden";
                    });
                }
                const targetPane = document.getElementById(paneId);
                if (targetPane) {
                    targetPane.classList.add("active", "show");
                    targetPane.style.display = "block";
                    targetPane.style.opacity = "1";
                    targetPane.style.visibility = "visible";
                }
                return;
            }

            const collapseBtn = e.target.closest('[data-bs-toggle="collapse"]');
            if (!collapseBtn) {
                return;
            }
            const targetSelector = collapseBtn.getAttribute("data-bs-target");
            if (!targetSelector || targetSelector.charAt(0) !== "#") {
                return;
            }
            const target = document.querySelector(targetSelector);
            if (!target) {
                return;
            }
            if (window.bootstrap && window.bootstrap.Collapse) {
                return;
            }
            e.preventDefault();
            const isShown = target.classList.contains("show");
            target.classList.toggle("show", !isShown);
            collapseBtn.setAttribute("aria-expanded", isShown ? "false" : "true");
        });

        document.querySelectorAll(".tab-content .tab-pane.active, .tab-content .tab-pane.show").forEach(function (pane) {
            pane.style.display = "block";
            pane.style.opacity = "1";
            pane.style.visibility = "visible";
        });
        document.querySelectorAll("[data-tab-pane]").forEach(function (button) {
            applyTabButtonState(button, button.classList.contains("active"));
        });
    })();
</script>
<script>
    (function () {
        document.querySelectorAll(".cp-details-toggle, .finding-details-toggle").forEach(function (btn) {
            var target = document.querySelector(btn.getAttribute("data-bs-target"));
            if (!target) return;
            target.addEventListener("show.bs.collapse", function () { btn.textContent = "Hide Details"; });
            target.addEventListener("hidden.bs.collapse", function () { btn.textContent = "Show Details"; });
        });
    })();
</script>
{% endblock %}