{% from "_monitoring_widgets.html" import context_help with context %}
{% from "_monitoring_capability.html" import capability_card with context %}
<div id="monitoring-panel" data-monitoring-panel>
<section id="monitoring" class="page-section monitoring-region" aria-labelledby="monitoring-title">
  <div class="section-heading monitoring-section-heading">
    <div>
      <h2 id="monitoring-title">Monitoring workspace</h2>
      <p class="field-help">Current state, values and collection freshness from this asset's approved monitoring paths.</p>
    </div>
    <div class="monitoring-freshness"><span class="status-badge {% if monitoring.freshness == 'fresh' %}status-success{% elif monitoring.freshness == 'stale' %}status-warning{% else %}status-neutral{% endif %}">{{ monitoring.freshness_label }}</span><span class="metadata">Last collected: {% if monitoring.last_collected_at %}<time datetime="{{ monitoring.last_collected_at }}" data-monitoring-time>{{ monitoring.last_collected_display }}</time>{% else %}Not yet collected{% endif %}</span></div>
  </div>
  {% if monitoring_refreshed %}<div class="alert alert-success" role="status">Monitoring refresh completed through the configured read-only collectors.</div>{% endif %}
  <div class="capability-state-summary" aria-label="Monitoring capability state summary">
    <span><strong>{{ monitoring.state_counts.supported_active }}</strong> active</span>
    <span><strong>{{ monitoring.state_counts.not_collected }}</strong> not collected</span>
    <span><strong>{{ monitoring.state_counts.supported_not_configured }}</strong> not configured</span>
    <span><strong>{{ monitoring.state_counts.unsupported }}</strong> unavailable</span>
  </div>
  {% call context_help("Understanding this monitoring workspace") %}
  <p>This page shows what the asset supports, whether an approved monitoring path is configured, and whether current data is available.</p>
  <dl class="state-help-list">
    <div><dt>Active</dt><dd>A configured path has normalized telemetry.</dd></div>
    <div><dt>Not collected</dt><dd>A path is configured, but no current normalized value is available.</dd></div>
    <div><dt>Not configured</dt><dd>The platform supports the capability, but no approved path is configured.</dd></div>
    <div><dt>Unavailable</dt><dd>The registered platform profiles do not support the capability.</dd></div>
  </dl>
  {% endcall %}
  {% if monitoring_saved %}<div class="alert alert-success" role="status">Monitoring path assignment saved.</div>{% endif %}
  {% if monitoring_error %}<div class="alert alert-danger" role="alert">{{ monitoring_error }}</div>{% endif %}
  {% for issue in monitoring.configuration_issues %}<div class="alert alert-warning" role="status">{{ issue }}</div>{% endfor %}

  <div class="card-grid device-monitoring-dashboard">{% for capability in monitoring.primary_capabilities %}{{ capability_card(capability, inventory, session) }}{% endfor %}</div>
  {% if not monitoring.capabilities %}<p class="empty-state"><strong>0 capabilities</strong> are registered for this asset's current platform profile.</p>{% endif %}

  {% if monitoring.unavailable_capabilities %}
  <details class="unavailable-capabilities data-disclosure">
    <summary>Show unavailable capabilities ({{ monitoring.unavailable_capabilities|length }})</summary>
    <ul class="unavailable-capability-list">
      {% for capability in monitoring.unavailable_capabilities %}
      <li data-capability-id="{{ capability.id }}" data-capability-state="{{ capability.state }}">
        <span><strong>{{ capability.name }}</strong><small class="metric-context identifier">{{ capability.id }}</small></span>
        <span class="status-badge status-neutral capability-state">unavailable</span>
        <p>{{ capability.description }}</p>
        <p class="metadata">{{ capability.state_description }}</p>
      </li>
      {% endfor %}
    </ul>
  </details>
  {% endif %}
</section>
</div>