{% from "_monitoring_widgets.html" import normalized_widget, metric_value with context %}

{% macro compact_graph(graph) -%}
{% if graph %}<div class="capability-history" aria-label="{{ graph.title }} recent history">{% for series in graph.series[:2] %}<div class="telemetry-series"><div class="telemetry-series-heading"><strong>{{ series.label }}</strong><span>{{ series.latest_display }}</span></div><svg viewBox="0 0 300 80" role="img" aria-label="{{ series.label }} six-hour history"><polyline points="{{ series.points }}" vector-effect="non-scaling-stroke"></polyline></svg><p class="metadata">{{ series.sample_count }} samples · {{ series.range_display }}</p></div>{% endfor %}</div>{% endif %}
{%- endmacro %}

{% macro capability_card(capability, inventory, session) -%}
{% set state_class = 'status-success' if capability.display_state == 'Fresh' else 'status-warning' if capability.display_state in ['Stale', 'Not collected'] else 'status-neutral' %}
<article id="capability-{{ capability.id }}" class="card monitoring-capability" data-capability-id="{{ capability.id }}" data-capability-state="{{ capability.state }}">
  <div class="card-heading capability-summary-heading">
    <div class="capability-identity"><h3>{{ capability.name }}</h3><p class="metric-context">{{ capability.description }}</p></div>
    <span class="status-badge capability-state {{ state_class }}">{{ capability.display_state }}</span>
  </div>
  <div class="capability-primary-reading">
    {% if capability.widget and capability.widget.kind == 'normalized_metric_list' and capability.widget.summary %}{{ metric_value(capability.widget.summary) }}
    {% elif capability.widget and capability.widget.kind == 'interface_cumulative_totals' %}<span><strong>{{ capability.widget.observed_interface_count }}</strong> observed interfaces</span><small class="metric-age">{{ capability.widget.nonzero_total_count }} active traffic pairs · {{ capability.widget.zero_total_count }} all-zero pairs</small>
    {% elif capability.state == 'not_collected' %}<span class="not-collected">No current normalized value</span>
    {% elif capability.state == 'supported_not_configured' %}<span class="not-collected">No approved monitoring path configured</span>
    {% endif %}
  </div>
  {{ compact_graph(capability.graph) }}
  <p class="capability-secondary-context metadata">{% if capability.last_collected_at %}Last collected <time datetime="{{ capability.last_collected_at }}" data-monitoring-time>{{ capability.last_collected_display }}</time>{% else %}No collection recorded{% endif %}{% if capability.graph %} · {{ capability.graph.window }}{% endif %}</p>

  <details class="capability-complete data-disclosure">
    <summary>View complete {{ capability.name }} details</summary>
    <div class="capability-complete-body">
      {% if capability.graph %}<div class="widget-stat-grid capability-history-stats">{% for series in capability.graph.series %}<div><strong>{{ series.latest_display }}</strong><span>{{ series.label }} current</span><small>{{ series.sample_count }} samples · min/max {{ series.range_display }}</small></div>{% endfor %}</div>{% endif %}
      {% if capability.widget %}{{ normalized_widget(capability.widget, complete=true) }}{% elif capability.state == 'not_collected' %}<p class="not-collected">Normalized telemetry has not been collected yet.</p>{% endif %}
      {% if capability.options %}<form class="form-stack monitoring-assignment" method="post" action="/inventory/assets/{{ inventory.asset.id }}/monitoring"><input type="hidden" name="csrf_token" value="{{ session.csrf_token }}"><input type="hidden" name="capability_id" value="{{ capability.id }}"><label class="field">Approved monitoring path<select name="binding_id" required>{% for binding in capability.options %}<option value="{{ binding.id }}">{{ binding.profile_name }} · {{ binding.collector_type }}</option>{% endfor %}</select></label><button class="button button-secondary button-compact" type="submit">Assign monitoring path</button></form>{% elif capability.state == 'supported_not_configured' %}<p class="not-collected">No approved monitoring path is currently available for assignment.</p>{% endif %}
      <details class="context-help capability-technical-details"><summary>Technical details</summary><div class="context-help-body"><p>{{ capability.state_description }}</p><p>Capability identifier: <span class="identifier">{{ capability.id }}</span></p>{% if capability.policy %}<p>Platform profile policy: <strong>{{ capability.policy }}</strong>.</p>{% endif %}{% if capability.bindings %}<p>Configured monitoring source:</p><ul class="binding-list">{% for binding in capability.bindings %}<li><span class="identifier">{{ binding.id }}</span><small class="metric-context">{{ binding.profile_name }} · {{ binding.collector_type }}{% if binding.assigned %} · operator assigned{% endif %}</small></li>{% endfor %}</ul>{% endif %}</div></details>
    </div>
  </details>
</article>
{%- endmacro %}