{% extends "base.html" %}

{% block title %}Devices{% endblock %}

{% block content %}



{% if request.args.get('ref') == 'network' %}
<a role="button" class="button-back outline contrast" href="{{ url_for('manage_network') }}" hx-push-url="true">&#x2329;&nbsp;Back</a>
{% elif request.args.get('ref') == 'devices' %}
<a role="button" class="button-back outline contrast" href="{{ url_for('devices') }}" hx-push-url="true">&#x2329;&nbsp;Back</a>
{% else %}
<button class="button-back outline contrast" onclick="history.back()">&#x2329;&nbsp;Back</button>
{% endif %}

<h1>
  {{ device.preferred_mfg or "" }}
  <span style="font-weight: normal;">{{ device.preferred_name or "Name Unknown" }}</span>
  {% if device.preferred_model %}
  <span style="font-weight: normal;">({{ device.preferred_model }})</span>
  {% endif %}
</h1>

<a
  role="button" class="secondary outline card-link"
  hx-get="{{ url_for("device_edit_modal", id=device.id) }}" 
  hx-target="#device-modal-{{ device.id }}"
  hx-swap="outerHTML"
  hx-on::after-request="openModal(document.getElementById('device-modal-{{ device.id }}'))"
>Edit</a>
<div id="device-modal-{{ device.id }}"></div>

<p>
  Device seen {{ device.last_seen | format_datetime }}.
</p>

<p>
  {% if alternate_names | length > 0 %}
  This device may also be known as {{ alternate_names | natural_join(conjunction="or",dedup=True)}}.
  {% endif %}
  {% if mfg_data.altnames %}
  <p>
    {{device.preferred_mfg}} devices may also be branded as {{mfg_data.altnames | natural_join }}.
  </p>
  {% endif %}
  {% if "owner" in mfg_data %}
  <p>
    {{device.preferred_mfg}} is owned by {{mfg_data.owner}}.
  </p>
  {% endif %}
</p>

{% if device.preferred_mfg %}
{# Run device identification early to share between sections #}
{% set device_info = namespace() %}
{% include "devices/identification/" + (device.preferred_mfg | casefold) + ".html" ignore missing with context %}

{% set sensors_content %}
  {% include "devices/sensors/" + (device.preferred_mfg | casefold) + ".html" ignore missing with context %}
{% endset %}
{% set settings_content %}
  {% include "devices/settings/" + (device.preferred_mfg | casefold) + ".html" ignore missing with context %}
{% endset %}
{% if device_info.identified_device_type %}
<p><em>Information specific to {{ device_info.identified_device_type }} devices is displayed. If the device is identified incorrectly, click the Edit button in the top right corner and change the device model.</em></p>
{% endif %}
{% endif %}



<h2 id="network-activity">Network Activity</h2>

{% if device.arp_spoofing_error != 0 %}
<article class="banner" style="margin-bottom: 1em;">
  <strong>Network monitoring disabled:</strong> Possible connectivity issues with this device were detected, so IoT Transparency disabled network monitoring. You can re-enable it by toggling the switch below.
</article>
{% endif %}

<div style="display: flex; align-items: center; justify-content: flex-start; gap: 0.5em;">
  Monitor network activity for this device:
  {%- set device_id = device.id -%}
  {%- set is_active = device.is_arp_spoofed -%}
  {%- set global_enabled = arp_spoof -%}
  {% include "partials/arp_spoof_toggle.html" with context %}
</div>

{% if device.has_flows %}
<p>The device has been observed to contact the following companies:</p>
{% set device_id = device.id %}
{% set how_recent = "all" %}
<div hx-get="{{ url_for('device_network_data', id=device.id) }}" hx-trigger="load" hx-indicator="#network-data-loading-indicator">
    <p id="network-data-loading-indicator" aria-busy="true" class="htmx-indicator">Loading network data...</p>
</div>
{% elif device.is_arp_spoofed %}
<p>
  No network activity has been observed for this device.
  {% if device.arp_spoofing_start_time < now_plus_5_minutes %}
  It may take up to 5 minutes after enabling network monitoring for activity to appear here.
  {% endif %}
</p>
{% endif %}

{% if device.preferred_mfg %}

<h2 id="device-sensors">Device Sensors</h2>

{% if sensors_content.strip() %}
{% if device_info.identified_device_type %}
<p>IoT Transparency has found the following information about device sensors in {{ device_info.identified_device_type }} devices.</p>
{% else %}
<p>IoT Transparency has found the following information about device sensors in {{ device.preferred_mfg }} devices.</p>
{% endif %}
{{ sensors_content }}
{% else %}
<p>
    IoT Transparency does not have information about device sensors for this device.
    {% set query = device.preferred_mfg + " " + (device.preferred_model or device.preferred_name or "") + " device sensors" %}
    <a href="https://duckduckgo.com/?q={{ query | urlencode }}" target="_blank" rel="noopener noreferrer">Search the web for "{{ query }}"&nbsp;<span class="material-symbols">open_in_new</span></a>
</p>
{% endif %}

<h2 id="privacy-settings">Privacy Controls and Settings</h2>

{% if settings_content.strip() %}
{% if device_info.identified_device_type %}
<p>IoT Transparency has found the following information about privacy settings and controls for {{ device_info.identified_device_type }} devices.</p>
{% else %}
<p>IoT Transparency has found the following information about privacy settings and controls for {{ device.preferred_mfg }} devices.</p>
{% endif %}
{{ settings_content }}
{% else %}
<p>
    IoT Transparency does not have information about privacy controls and settings for this device.
    {% set query = device.preferred_mfg + " " + (device.preferred_model or device.preferred_name or "") + " privacy settings" %}
    <a href="https://duckduckgo.com/?q={{ query | urlencode }}" target="_blank" rel="noopener noreferrer">Search the web for "{{ query }}"&nbsp;<span class="material-symbols">open_in_new</span></a>
</p>
{% endif %}

<h2 id="policy-summary">{{device.preferred_mfg}}'s Privacy Policy</h2>

{% if policy_summary %}
{% include "devices/partials/policy_summary.html" with context %}
{% else %}
<p>
    IoT Transparency does not have information about {{device.preferred_mfg}}'s privacy policy.
    {% set query = (device.preferred_mfg or "") + " privacy policy" %}
    <a href="https://duckduckgo.com/?q={{ query | urlencode }}" target="_blank" rel="noopener noreferrer">Search the web for "{{ query }}"&nbsp;<span class="material-symbols">open_in_new</span></a>
</p>
{% endif %}

{% else %}
<h2 id="policy-summary">Privacy Policy</h2>
<p>
  IoT Transparency does not know this device's manufacturer. Click the Edit button in the top right corner to label the manufacturer and see any information that IoT Transparency has about the manufacturer's privacy policy.
</p>

{% endif %}

<h2 id="technical-details">Technical Details</h2>
<ul>
  <li>IP address: <code>{{ device.ip_addr }}</code></li>
  <li>MAC address: <code>{{ device.mac_addr }}</code></li>
</ul>
{% endblock %}