{% extends "base.html" %}
{% block title %}Packet diagnostics{% endblock %}
{% block page_id %}network_diagnostics{% endblock %}
{% block head %}<style>
 .nd-table { overflow-x: auto; max-width: 100%; }
 .nd-table table { width: 100%; border-collapse: collapse; }
 .nd-table td, .nd-table th { padding: 7px; text-align: left; border-bottom: 1px solid var(--line); }
 .nd-json { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 450px; overflow: auto; }
 .nd-forms input, .nd-forms select { max-width: 100%; min-width: 0; }
 .nd-finding { padding: 10px; border-left: 3px solid var(--warn); margin: 8px 0; }
 .nd-finding.critical { border-color: var(--bad); }
</style>{% endblock %}
{% block content %}
<div class="a-page-head"><h1>Packet diagnostics</h1><div class="a-sub">PCAP analysis, bounded capture, confirmed active probes and shared recurring scans.</div></div>
<p><a href="{{ aida_rel('network') }}">Network dashboard</a></p>
<div id="network-diagnostics-root" data-locked="{{ 'yes' if locked else 'no' }}"></div>
{% endblock %}
{% block scripts %}<script src="{{ aida_rel('static/js/network_diagnostics.js') }}"></script>{% endblock %}