{% extends 'hostile/base.html' %}
{% load i18n static %}

{% block content %}
{{ block.super }}

<div class="row g-4">
    <!-- Quick Scan Form -->
    <div class="col-lg-5">
        <div class="card bg-dark text-white border-secondary hostile-card shadow-sm h-100">
            <div class="card-header bg-dark border-secondary d-flex justify-content-between align-items-center">
                <h5 class="mb-0 text-info">
                    <i class="fas fa-radar me-2"></i>{% translate "Local Threat & Drop Risk Scanner" %}
                </h5>
                <span class="badge bg-secondary">localthreat.xyz style</span>
            </div>
            <div class="card-body">
                <p class="text-muted small mb-3">
                    {% translate "Paste your Local chat window (Ctrl+A / Ctrl+C in member list or chat log) to automatically analyze hostile cyno alts, covert hunters, capital pilots, and calculate Black Ops / Capital drop chances. Optionally pair with D-Scan to match ships on grid." %}
                </p>
                <form method="post" action="{% url 'hostile:threat_scans' %}" data-hostile-loading="{% translate 'Analyzing Threat Scan' %}" data-hostile-loading-detail="{% translate 'Resolving pilots, querying zKillboard stats, and calculating drop risks...' %}">
                    {% csrf_token %}
                    <div class="mb-3">
                        <label class="form-label text-light fw-bold">{{ form.local_text.label }}</label>
                        {{ form.local_text }}
                        <div class="form-text text-muted">{{ form.local_text.help_text }}</div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label text-light fw-bold">{{ form.dscan_text.label }}</label>
                        {{ form.dscan_text }}
                        <div class="form-text text-muted">{{ form.dscan_text.help_text }}</div>
                    </div>
                    <div class="mb-4">
                        <label class="form-label text-light fw-bold">{{ form.solar_system.label }}</label>
                        <div class="input-group">
                            <span class="input-group-text bg-black text-muted border-secondary"><i class="fas fa-map-marker-alt"></i></span>
                            <input type="text" id="solarSystemSearchInput" class="form-control text-light bg-black border-secondary" placeholder="{% translate 'Search solar system (e.g. Jita, 1DQ1-A, F9-FUV)...' %}" list="solarSystemsDatalist" autocomplete="off">
                            <button class="btn btn-outline-secondary" type="button" id="clearSystemBtn" title="Clear selection"><i class="fas fa-times"></i></button>
                        </div>
                        <div class="d-none">
                            {{ form.solar_system }}
                        </div>
                        <datalist id="solarSystemsDatalist">
                            {% for sys in all_systems %}
                                <option value="{{ sys.name }}" data-id="{{ sys.id }}"></option>
                            {% endfor %}
                        </datalist>
                        <div class="form-text text-muted mt-1" id="systemDetectFeedback">
                            {{ form.solar_system.help_text }}
                        </div>
                    </div>
                    <button type="submit" class="btn btn-info w-100 py-2 fw-bold text-dark">
                        <i class="fas fa-search-location me-2"></i>{% translate "Analyze Threat Profile & Drop Risks" %}
                    </button>
                </form>
            </div>
        </div>
    </div>

    <!-- Recent Scans Table -->
    <div class="col-lg-7">
        <div class="card bg-dark text-white border-secondary hostile-card shadow-sm h-100">
            <div class="card-header bg-dark border-secondary d-flex justify-content-between align-items-center">
                <h5 class="mb-0 text-light">
                    <i class="fas fa-history me-2 text-warning"></i>{% translate "Recent Local Threat Scans" %}
                </h5>
                <span class="badge bg-primary">{{ recent_scans|length }} {% translate "Scans" %}</span>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-dark table-hover align-middle mb-0">
                        <thead>
                            <tr class="text-muted small text-uppercase">
                                <th>{% translate "System" %}</th>
                                <th>{% translate "Pilots" %}</th>
                                <th>{% translate "Blops Drop %" %}</th>
                                <th>{% translate "Cap Drop %" %}</th>
                                <th>{% translate "Threat Level" %}</th>
                                <th>{% translate "Scan Time" %}</th>
                                <th class="text-end">{% translate "Action" %}</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for scan in recent_scans %}
                            <tr>
                                <td class="fw-bold">
                                    {% if scan.solar_system %}
                                    <span class="text-info">{{ scan.solar_system.name }}</span>
                                    {% else %}
                                    <span class="text-muted">{% translate "Unknown System" %}</span>
                                    {% endif %}
                                </td>
                                <td>
                                    <span class="badge bg-secondary">{{ scan.pilot_count }}</span>
                                    {% if scan.ignored_count %}
                                    <span class="badge bg-dark text-muted" title="Friendly / Ignored Pilots">+{{ scan.ignored_count }} ignored</span>
                                    {% endif %}
                                </td>
                                <td>
                                    {% if scan.blops_drop_chance >= 75 %}
                                    <span class="badge bg-danger">{{ scan.blops_drop_chance }}%</span>
                                    {% elif scan.blops_drop_chance >= 40 %}
                                    <span class="badge bg-warning text-dark">{{ scan.blops_drop_chance }}%</span>
                                    {% else %}
                                    <span class="badge bg-dark text-muted">{{ scan.blops_drop_chance }}%</span>
                                    {% endif %}
                                </td>
                                <td>
                                    {% if scan.cap_drop_chance >= 75 %}
                                    <span class="badge bg-danger">{{ scan.cap_drop_chance }}%</span>
                                    {% elif scan.cap_drop_chance >= 40 %}
                                    <span class="badge bg-warning text-dark">{{ scan.cap_drop_chance }}%</span>
                                    {% else %}
                                    <span class="badge bg-dark text-muted">{{ scan.cap_drop_chance }}%</span>
                                    {% endif %}
                                </td>
                                <td>
                                    {% if scan.threat_level == 'CRITICAL' %}
                                    <span class="badge bg-danger">CRITICAL</span>
                                    {% elif scan.threat_level == 'HIGH' %}
                                    <span class="badge bg-warning text-dark">HIGH</span>
                                    {% elif scan.threat_level == 'MODERATE' %}
                                    <span class="badge bg-info text-dark">MODERATE</span>
                                    {% else %}
                                    <span class="badge bg-success">LOW</span>
                                    {% endif %}
                                </td>
                                <td class="small text-muted">{{ scan.created_at|date:"Y-m-d H:i" }} UTC</td>
                                <td class="text-end">
                                    <div class="d-inline-flex gap-1">
                                        <a href="{% url 'hostile:threat_scan_detail' scan.id %}" class="btn btn-sm btn-outline-info" data-hostile-loading="{% translate 'Loading Threat Report' %}" data-hostile-loading-detail="{% translate 'Fetching pilot threat breakdown and drop probabilities...' %}">
                                            <i class="fas fa-eye me-1"></i>{% translate "View Report" %}
                                        </a>
                                        {% if perms.hostile.manage_intel %}
                                        <a href="{% url 'hostile:threat_scan_delete' scan.id %}" class="btn btn-sm btn-outline-danger" title="{% translate 'Delete Threat Scan' %}">
                                            <i class="fas fa-trash-alt"></i>
                                        </a>
                                        {% endif %}
                                    </div>
                                </td>
                            </tr>
                            {% empty %}
                            <tr>
                                <td colspan="7" class="text-center text-muted py-4">
                                    {% translate "No local threat scans saved yet. Paste a local window to create one." %}
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block extra_javascript %}
{{ block.super }}
<script>
document.addEventListener('DOMContentLoaded', function() {
    const dscanInput = document.getElementById('id_dscan_text');
    const localInput = document.getElementById('id_local_text');
    const systemSelect = document.getElementById('id_solar_system');
    const systemSearchInput = document.getElementById('solarSystemSearchInput');
    const clearSystemBtn = document.getElementById('clearSystemBtn');
    const feedbackEl = document.getElementById('systemDetectFeedback');
    const datalist = document.getElementById('solarSystemsDatalist');

    const systemNameToId = {};
    const systemIdToName = {};

    if (datalist) {
        datalist.querySelectorAll('option').forEach(opt => {
            const name = opt.value.trim();
            const id = opt.getAttribute('data-id');
            if (name && id) {
                systemNameToId[name.toLowerCase()] = id;
                systemIdToName[id] = name;
            }
        });
    }

    if (systemSelect) {
        Array.from(systemSelect.options).forEach(opt => {
            if (opt.value && opt.text) {
                const name = opt.text.trim();
                systemNameToId[name.toLowerCase()] = opt.value;
                systemIdToName[opt.value] = name;
            }
        });
    }

    // Initialize search input value from select if already set
    if (systemSelect && systemSelect.value && systemIdToName[systemSelect.value]) {
        if (systemSearchInput) {
            systemSearchInput.value = systemIdToName[systemSelect.value];
        }
    }

    // Sync from search input to hidden select
    if (systemSearchInput && systemSelect) {
        systemSearchInput.addEventListener('input', function() {
            const val = this.value.trim().toLowerCase();
            if (systemNameToId[val]) {
                systemSelect.value = systemNameToId[val];
                if (feedbackEl) {
                    feedbackEl.innerHTML = `<span class="text-success"><i class="fas fa-check-circle me-1"></i>Selected: <strong>${systemIdToName[systemNameToId[val]]}</strong></span>`;
                }
            } else if (!val) {
                systemSelect.value = '';
                if (feedbackEl) {
                    feedbackEl.innerHTML = `System context for staging proximity and observation threat tags.`;
                }
            }
        });
    }

    if (clearSystemBtn && systemSearchInput && systemSelect) {
        clearSystemBtn.addEventListener('click', function() {
            systemSearchInput.value = '';
            systemSelect.value = '';
            if (feedbackEl) {
                feedbackEl.innerHTML = `System context for staging proximity and observation threat tags.`;
            }
            systemSearchInput.focus();
        });
    }

    // Client-side inference from D-Scan text
    function inferSystemFromText(text) {
        if (!text || !text.trim()) return null;
        const lines = text.trim().split(/\r?\n/);
        for (let rawLine of lines) {
            let line = rawLine.trim();
            if (!line) continue;
            let parts = line.split('\t').map(p => p.trim()).filter(p => p);
            if (parts.length === 0) {
                parts = line.split(/\s{2,}/).map(p => p.trim()).filter(p => p);
            }
            let name = "";
            if (parts.length >= 4) {
                name = /^\d+$/.test(parts[0]) ? parts[1] : parts[0];
            } else if (parts.length >= 2) {
                name = parts[0];
            } else {
                name = line;
            }

            let clean = name.replace(/^[\[<{][^\]>}]+[\]>}]\s*/, '');

            // Pattern 1: Dash separator (e.g. "F9-FUV - ICS Ackaroth We Will Miss You")
            let match = clean.match(/^([A-Za-z0-9\-]{2,12})\s*[-–—]\s+/);
            if (match && systemNameToId[match[1].toLowerCase()]) {
                return systemIdToName[systemNameToId[match[1].toLowerCase()]];
            }

            // Pattern 2: Celestial / Stargate / POCO / Customs Office naming
            let parenMatch = clean.match(/(?:Stargate|POCO|Customs\s+Office|Planet|Moon)\s*\(\s*([A-Za-z0-9\-]{2,12})\b/i);
            if (parenMatch && systemNameToId[parenMatch[1].toLowerCase()]) {
                return systemIdToName[systemNameToId[parenMatch[1].toLowerCase()]];
            }

            // Pattern 3: Celestial Roman Numeral (e.g. "Jita IV", "F9-FUV I")
            let celestialMatch = clean.match(/^([A-Za-z0-9\-]{2,12})\s+(?:I|II|III|IV|V|VI|VII|VIII|IX|X|\d+)\b/i);
            if (celestialMatch && systemNameToId[celestialMatch[1].toLowerCase()]) {
                return systemIdToName[systemNameToId[celestialMatch[1].toLowerCase()]];
            }

            // Pattern 4: First word token
            let firstToken = clean.split(/\s+/)[0].replace(/^[,.:-–—_\[\]<>{}]|[,.:-–—_\[\]<>{}]/g, '');
            if (firstToken && firstToken.length >= 2 && systemNameToId[firstToken.toLowerCase()]) {
                return systemIdToName[systemNameToId[firstToken.toLowerCase()]];
            }
        }
        return null;
    }

    function checkAndAutoPopulateSystem() {
        const dscanText = dscanInput ? dscanInput.value : '';
        const localText = localInput ? localInput.value : '';

        const detectedName = inferSystemFromText(dscanText) || inferSystemFromText(localText);
        if (detectedName && systemNameToId[detectedName.toLowerCase()]) {
            const detectedId = systemNameToId[detectedName.toLowerCase()];
            if (systemSelect) {
                systemSelect.value = detectedId;
            }
            if (systemSearchInput) {
                systemSearchInput.value = detectedName;
            }
            if (feedbackEl) {
                feedbackEl.innerHTML = `<span class="badge badge-subtle-success text-success fs-6"><i class="fas fa-magic me-1"></i>Auto-detected system from D-Scan: <strong>${detectedName}</strong></span>`;
            }
        }
    }

    if (dscanInput) {
        dscanInput.addEventListener('input', checkAndAutoPopulateSystem);
        dscanInput.addEventListener('paste', () => setTimeout(checkAndAutoPopulateSystem, 50));
    }
    if (localInput) {
        localInput.addEventListener('input', checkAndAutoPopulateSystem);
        localInput.addEventListener('paste', () => setTimeout(checkAndAutoPopulateSystem, 50));
    }
});
</script>
{% endblock %}