{# SPDX-License-Identifier: Apache-2.0 #}
{# Copyright (C) 2025 Marcin Zieba <marcinpsk@gmail.com> #}
{# "NSO — applied to devices" panel for netbox-routing route-policy objects. #}
{% load helpers %}
{% if nso_states %}
  <div class="row">
    <div class="col col-md-12">
      <div class="card">
        <h5 class="card-header">
          <span class="mdi mdi-cisco-webex me-1"></span>NSO — Applied to Devices
        </h5>
        {% if propagation_devices %}
          <div class="alert alert-warning d-flex align-items-start m-3 mb-0" role="alert">
            <span class="mdi mdi-call-split me-2 fs-4"></span>
            <div>
              This object is shared by name across devices. Editing it here re-applies it to the
              <strong>{{ propagation_devices|length }}</strong> device{{ propagation_devices|length|pluralize }}
              that own{{ propagation_devices|length|pluralize:"s," }} it:
              {% for d in propagation_devices %}
                <a href="{% url 'dcim:device_nso' pk=d.pk %}">{{ d }}</a>{% if not forloop.last %}, {% endif %}
              {% endfor %}.
              Devices below that aren't owned (imported / changed / conflict) are left for reconcile, not auto-pushed.
            </div>
          </div>
        {% endif %}
        <table class="table table-hover attr-table">
          <thead>
            <tr>
              <th>Device</th>
              <th>Status</th>
              <th>Capability</th>
              <th>Last apply</th>
              <th></th>
            </tr>
          </thead>
          <tbody>
            {% for state in nso_states %}
              <tr>
                <td>
                  <a href="{% url 'dcim:device_nso' pk=state.management.device_id %}">{{ state.management.device }}</a>
                </td>
                <td>
                  {% if state.status == "in_sync" or state.status == "imported" %}
                    <span class="badge text-bg-success">{{ state.get_status_display }}</span>
                  {% elif state.status == "changed" %}
                    <span class="badge text-bg-warning text-dark">{{ state.get_status_display }}</span>
                  {% elif state.status == "conflict" %}
                    <span class="badge text-bg-warning text-dark">{{ state.get_status_display }}</span>
                  {% elif state.status == "apply_failed" or state.status == "error" %}
                    <span class="badge text-bg-danger">{{ state.get_status_display }}</span>
                    {% if state.last_apply_error %}
                      <small class="text-danger ms-1">{{ state.last_apply_error }}</small>
                    {% endif %}
                  {% elif state.status == "deploying" %}
                    <span class="badge text-bg-primary">{{ state.get_status_display }}</span>
                  {% else %}
                    <span class="badge text-bg-info">{{ state.get_status_display }}</span>
                  {% endif %}
                </td>
                <td>
                  {% if state.capability.state == "supported" %}
                    <span class="badge text-bg-success">Fully supported</span>
                  {% elif state.capability.state == "partial" %}
                    <span class="badge text-bg-warning text-dark"
                          title="{% for u in state.capability.unsupported %}{{ u.scope }} {{ u.element }}{% if not forloop.last %}, {% endif %}{% endfor %}">
                      {{ state.capability.unsupported|length }} part{{ state.capability.unsupported|length|pluralize }} won't apply
                    </span>
                  {% elif state.capability.state == "unassessed" %}
                    <span class="badge text-bg-info" title="The capability probe does not yet assess route-policy on this platform">Not assessed</span>
                  {% else %}
                    <span class="text-muted" title="Never probed, or the adapter is unreachable">Unknown</span>
                  {% endif %}
                </td>
                <td>{{ state.last_apply_at|placeholder }}</td>
                <td class="text-end">
                  <a href="{% url 'plugins:netbox_nso_plugin:routing_route_policy_diff' pk=state.pk %}"
                     class="btn btn-xs btn-outline-warning" title="See exactly what differs between this device and NetBox">
                    <span class="mdi mdi-not-equal-variant"></span> Diff
                  </a>
                </td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
{% endif %}