{# SPDX-License-Identifier: Apache-2.0 #}
{# Copyright (C) 2025 Marcin Zieba <marcinpsk@gmail.com> #}
{# NSO compliance badge for Interface detail page. #}
{% load helpers %}
{% with device=object.device %}
  {% if device.nso_management %}
    <div class="card border-warning mb-3">
      <div class="card-header text-warning">
        <strong><span class="mdi mdi-cisco-webex me-1"></span>NSO-managed</strong>
      </div>
      {# G-activated banner — unconditional; edits become intent in Phase 2 #}
      <div class="card-body border-bottom py-2 text-warning small">
        <span class="mdi mdi-information-outline me-1"></span>
        Local edits to <em>description</em> / <em>enabled</em> become <strong>intent</strong>
        and will be pushed to the device on the next apply.
      </div>
      {% if derived_intent_match %}
        <div class="card-body border-bottom py-2 small">
          <span class="mdi mdi-auto-fix me-1"></span>
          Description managed by derived intent
          <span class="badge text-bg-info ms-1">auto: {{ derived_intent_match.sentinel }}</span>
        </div>
      {% endif %}
      {% if nso_states %}
        <div class="card-body p-2">
          <table class="table table-sm mb-0">
            <tbody>
              {% for attr, state in nso_states.items %}
                <tr>
                  <td class="fw-bold text-capitalize">{{ attr }}</td>
                  <td>
                    {% include "netbox_nso_plugin/categories/_state_badge.html" with state=state status=state.status %}
                  </td>
                  <td>
                    {% if state.status == "imported" or state.status == "changed" %}
                      <form method="post"
                            action="{% url 'plugins:netbox_nso_plugin:nsointerfacestate_accept' state.pk %}"
                            style="display:inline">
                        {% csrf_token %}
                        <button type="submit" class="btn btn-sm btn-outline-warning">
                          <span class="mdi mdi-check"></span> Accept
                        </button>
                      </form>
                    {% endif %}
                  </td>
                </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      {% endif %}
    </div>
  {% endif %}
{% endwith %}