{% extends "base.html" %}

{% block title %}IoT Transparency – Network Monitoring{% endblock %}

{% block content %}
<h1>Network Monitoring</h1>

{% include "network/partials/manage_network_text.html" with context %} 

{% if not arp_spoof %}
<article class="warning">Network monitoring has been disabled through the Home Assistant add-on settings. To re-enable it, go to Home Assistant, Settings, Add-ons, IoT Transparency, Configuration, and enable Allow network monitoring.</article>
{% endif %}

<div class="collapsible-container">
  <input type="checkbox" id="having-problems" class="collapsible-checkbox">
  <label for="having-problems" class="collapsible-label" role="link">Having problems?</label>
  <div class="collapsible-content">
    <div class="collapsible-inner">
      <p>If you're experiencing connectivity or performance issues while network monitoring is enabled, you can disable network monitoring.</p>
      <p>You may need to reboot affected devices or reboot your router so your devices can reconnect to the network.</p>
      <form hx-post="/actions/disable_all_network_monitoring" hx-target="#manage-network-table" hx-swap="outerHTML" hx-indicator="#disable-all-indicator">
        <button type="submit" class="btn btn-warning">
          Disable Network Monitoring for All Devices
        </button>
          <div id="disable-all-indicator" class="htmx-indicator">
            <span aria-busy="true">Disabling network monitoring…</span>
          </div>
      </form>
    </div>
  </div>
</div>


{% include "network/partials/manage_network_table.html" with context %}

{% endblock %}