{% extends "base.html" %}

{% block title %}Autonomous Containment{% endblock %}

{% block content %}
<div class="section-card">
    <div class="card-header">
        <div>
            <h3>🛑 Automated Host Quarantine &amp; Incident Containment Center</h3>
            <p class="text-muted">Real-time isolation records coordinated across EDR agents, Active Directory security groups, and QRadar Reference Sets.</p>
        </div>
        <button class="btn btn-danger" onclick="openManualIsolateModal()">+ Manual Quarantine Target</button>
    </div>

    <div class="table-responsive">
        <table class="carbon-table">
            <thead>
                <tr>
                    <th>Record ID</th>
                    <th>Quarantined IP</th>
                    <th>Host Name</th>
                    <th>Status</th>
                    <th>Isolation Method</th>
                    <th>Trigger Reason / Deception Trap</th>
                    <th>Isolated At (UTC)</th>
                    <th>Enacted By</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for c in containment %}
                <tr>
                    <td class="mono-text"><strong>{{ c.id }}</strong></td>
                    <td class="mono-text text-danger"><strong>{{ c.ip }}</strong></td>
                    <td class="mono-text">{{ c.hostname }}</td>
                    <td>
                        {% if c.status == 'ISOLATED' %}
                        <span class="badge badge-danger">● ISOLATED</span>
                        {% else %}
                        <span class="badge badge-success">RELEASED</span>
                        {% endif %}
                    </td>
                    <td><small>{{ c.isolation_type }}</small></td>
                    <td>
                        <strong>{{ c.trigger_event }}</strong><br>
                        <small class="badge badge-info">{{ c.mitre_technique }}</small>
                    </td>
                    <td class="mono-text">{{ c.isolated_at }}</td>
                    <td><small>{{ c.isolated_by }}</small></td>
                    <td>
                        {% if c.status == 'ISOLATED' %}
                        <button class="btn btn-xs btn-secondary" onclick="releaseHost('{{ c.ip }}')">Release Host</button>
                        {% else %}
                        <button class="btn btn-xs btn-danger" onclick="openIsolateModal('{{ c.ip }}', '{{ c.hostname }}')">Re-Isolate</button>
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}