{% extends "base.html" %}
{% block title %}{{ inventory.location.name }} · Inventory · NEXXVU{% endblock %}
{% block content %}
<div class="inventory-layout">
{% include "_inventory_tree.html" %}
<div class="inventory-workspace">
<p class="metadata"><a href="/inventory">Inventory</a>{% for ancestor in inventory.ancestors %} · <a href="/inventory/locations/{{ ancestor.id }}">{{ ancestor.name }}</a>{% endfor %} · {{ inventory.location.name }}</p>
<div class="page-heading"><div><p class="eyebrow">{{ inventory.location.facility_type }}</p><h1>{{ inventory.location.name }}</h1>{% if inventory.location.summary %}<p class="muted">{{ inventory.location.summary }}</p>{% endif %}</div><span class="status-badge status-success">{{ inventory.location.lifecycle }}</span></div>
{% if inventory.children %}<section class="page-section" aria-labelledby="children-title"><div class="section-heading"><h2 id="children-title">{{ children_label }}</h2><span class="status-badge status-neutral">{{ inventory.children|length }} total</span></div><div class="card-grid">{% for child in inventory.children %}<a class="card card-interactive" href="/inventory/locations/{{ child.id }}"><div class="card-heading"><h3>{{ child.name }}</h3><span class="status-badge status-neutral">{{ child.facility_type }}</span></div>{% if child.summary %}<p class="muted">{{ child.summary }}</p>{% endif %}</a>{% endfor %}</div></section>{% endif %}
<section class="page-section" aria-labelledby="devices-title"><div class="section-heading"><h2 id="devices-title">Devices</h2><span class="status-badge status-neutral">{{ inventory.devices|length }} total</span></div>{% if inventory.devices %}<div class="table-container"><table><thead><tr><th scope="col">Name</th><th scope="col">Role</th><th scope="col">Lifecycle</th></tr></thead><tbody>{% for device in inventory.devices %}<tr><td>{{ device.name }}</td><td>{{ device.role }}</td><td><span class="status-badge status-success">{{ device.lifecycle }}</span></td></tr>{% endfor %}</tbody></table></div>{% else %}<div class="empty-state"><div class="state-icon" aria-hidden="true">○</div><h3>No devices placed here</h3><p>Devices assigned to this location will appear after registry activation.</p></div>{% endif %}</section>
{% include "_inventory_monitoring_empty.html" %}
</div>
</div>
{% endblock %}