{% extends "base.html" %}
{% block title %}{{ inventory.asset.name }} · Inventory · NEXXVU{% endblock %}
{% block content %}
<div class="inventory-layout">
{% include "_inventory_tree.html" %}
<div class="inventory-workspace">
  <p class="metadata"><a href="/inventory/topology">Topology</a>{% for ancestor in inventory.ancestors %} · <a href="/inventory/assets/{{ ancestor.id }}">{{ ancestor.name }}</a>{% endfor %} · {{ inventory.asset.name }}</p>
  <div class="page-heading"><div><p class="eyebrow">{{ inventory.asset.role }}</p><h1>{{ inventory.asset.display_name or inventory.asset.name }}</h1>{% if inventory.asset.display_name %}<p class="metadata">System name: {{ inventory.asset.name }}</p>{% endif %}{% if inventory.asset.summary %}<p>{{ inventory.asset.summary }}</p>{% endif %}{% if inventory.parent %}<p class="metadata">Belongs to: <a href="/inventory/assets/{{ inventory.parent.id }}">{{ inventory.parent.name }}</a></p>{% endif %}{% if inventory.asset.location_id %}<p class="metadata">Location: <a href="/inventory/locations/{{ inventory.asset.location_id }}">{{ inventory.asset.location_name }}</a></p>{% endif %}</div><span class="status-badge status-success">{{ inventory.asset.lifecycle }}</span></div>
  <nav class="asset-tabs" aria-label="Asset workspace">{% for tab_id, tab_label in [('monitoring','Monitoring'),('identity','Identity'),('relationships','Relationships'),('topology','Topology / Children'),('tools','Tools'),('lifecycle','Lifecycle / Remove')] %}<a href="/inventory/assets/{{ inventory.asset.id }}?tab={{ tab_id }}"{% if active_tab == tab_id %} class="is-selected" aria-current="page"{% endif %}>{{ tab_label }}</a>{% endfor %}</nav>

  {% if active_tab == 'monitoring' %}
  <div class="monitoring-toolbar card" data-monitoring-controls data-refresh-url="/inventory/assets/{{ inventory.asset.id }}/monitoring-view"><form method="post" action="/inventory/assets/{{ inventory.asset.id }}/monitoring/refresh"><input type="hidden" name="csrf_token" value="{{ session.csrf_token }}"><button class="button button-primary button-compact" type="submit">Refresh now</button></form><label class="auto-refresh-control"><input type="checkbox" checked data-monitoring-auto-refresh> Auto refresh every 10 seconds</label><span class="metadata" data-monitoring-poll-status aria-live="polite"></span></div>
  {% include "_asset_monitoring.html" %}
  {% elif active_tab == 'identity' %}
  <section id="identity" class="page-section" aria-labelledby="identity-title"><div class="section-heading"><div><h2 id="identity-title">Asset identity</h2><p class="field-help">Edit safe operator-facing identity metadata. Monitoring, platform assignment, topology and credentials are unchanged.</p></div></div>{% if identity_saved %}<div class="alert alert-success" role="status">Asset identity saved.</div>{% endif %}{% if identity_error %}<div class="alert alert-danger" role="alert">{{ identity_error }}</div>{% endif %}<form class="card form-stack" method="post" action="/inventory/assets/{{ inventory.asset.id }}/identity"><input type="hidden" name="csrf_token" value="{{ session.csrf_token }}"><label for="asset-name">Name</label><input id="asset-name" name="name" maxlength="120" required value="{{ inventory.asset.name }}" aria-describedby="asset-name-help"><p id="asset-name-help" class="field-help">Required operational name used throughout NEXXVU.</p><label for="asset-display-name">Display name</label><input id="asset-display-name" name="display_name" maxlength="120" value="{{ inventory.asset.display_name or '' }}" aria-describedby="asset-display-name-help"><p id="asset-display-name-help" class="field-help">Optional friendly heading.</p><label for="asset-summary">Summary</label><textarea id="asset-summary" name="summary" maxlength="300" aria-describedby="asset-summary-help">{{ inventory.asset.summary or '' }}</textarea><p id="asset-summary-help" class="field-help">Short operator-facing purpose or responsibility.</p><label for="asset-description">Description</label><textarea id="asset-description" name="description" maxlength="1000" aria-describedby="asset-description-help">{{ inventory.asset.description or '' }}</textarea><p id="asset-description-help" class="field-help">Optional longer operational context.</p><button class="button button-primary" type="submit">Save identity</button></form></section>
  {% elif active_tab == 'relationships' %}
  <section class="page-section" aria-labelledby="relationships-title"><div class="section-heading"><h2 id="relationships-title">Relationships</h2><span class="status-badge status-neutral">{{ inventory.relationships|length }} total</span></div>{% if inventory.relationships %}<div class="table-container"><table><thead><tr><th scope="col">Direction</th><th scope="col">Relationship</th><th scope="col">Related asset</th><th scope="col">Role</th></tr></thead><tbody>{% for relationship in inventory.relationships %}<tr><td>{{ relationship.direction_label }}</td><td>{{ relationship.relationship_type|replace('_',' ')|title }}</td><td><a href="/inventory/assets/{{ relationship.related_asset.id }}">{{ relationship.related_asset.name }}</a></td><td>{{ relationship.related_asset.role|replace('-',' ')|title }}</td></tr>{% endfor %}</tbody></table></div>{% else %}<div class="empty-state"><div class="state-icon" aria-hidden="true">○</div><h3>No additional relationships</h3><p>No typed relationships are recorded for this asset.</p></div>{% endif %}</section>
  {% elif active_tab == 'topology' %}
  <section class="page-section" aria-labelledby="topology-title"><div class="section-heading"><div><h2 id="topology-title">Topology and children</h2>{% if inventory.parent %}<p class="field-help">Parent: <a href="/inventory/assets/{{ inventory.parent.id }}">{{ inventory.parent.name }}</a></p>{% endif %}</div><span class="status-badge status-neutral">{{ inventory.children|length }} children</span></div>{% if inventory.children %}<div class="card-grid">{% for child in inventory.children %}<a class="card card-interactive" href="/inventory/assets/{{ child.id }}"><div class="card-heading"><h3>{{ child.name }}</h3><span class="status-badge status-neutral">{{ child.role|replace('-',' ')|title }}</span></div><p class="muted">{{ child.lifecycle }}</p></a>{% endfor %}</div>{% else %}<div class="empty-state"><div class="state-icon" aria-hidden="true">○</div><h3>No child assets</h3><p>This asset has no active children in the topology.</p></div>{% endif %}</section>
  {% elif active_tab == 'tools' %}
  <section class="page-section" aria-labelledby="tools-title"><div class="section-heading"><h2 id="tools-title">Tools</h2></div><div class="empty-state"><div class="state-icon" aria-hidden="true">◇</div><h3>No approved device operations configured</h3><p>Approved device operations will appear here when a separately reviewed, write-capable action contract is configured. Monitoring credentials remain read-only and are never elevated for device operations.</p></div></section>
  {% elif active_tab == 'lifecycle' %}
  {% if removal_error %}<div class="alert alert-danger" role="alert">{{ removal_error }}</div>{% endif %}<section class="page-section" aria-labelledby="remove-asset-title"><div class="section-heading"><div><h2 id="remove-asset-title">Lifecycle and removal</h2><p class="field-help">Review lifecycle actions for this inventory asset.</p></div></div>{% if inventory.removable %}<form class="card form-stack" method="post" action="/inventory/assets/{{ inventory.asset.id }}/remove"><input type="hidden" name="csrf_token" value="{{ session.csrf_token }}"><p>Removing this asset retires its active monitoring configuration. Historical telemetry and topology records remain, and shared authentication profiles are preserved.</p><label class="check-row"><input type="checkbox" name="confirm_remove" value="yes" required> I understand this removes the asset from active inventory and stops its monitoring checks.</label><button class="button button-secondary" type="submit">Remove asset</button></form>{% else %}<div class="empty-state"><div class="state-icon" aria-hidden="true">○</div><h3>Removal is not available</h3><p>This registry-managed asset does not use the onboarded-asset removal workflow.</p></div>{% endif %}</section>
  {% endif %}
</div>
</div>
{% endblock %}
{% block scripts %}{% if active_tab == 'monitoring' %}<script src="/static/asset-monitoring.js" defer></script>{% endif %}{% endblock %}