{# SPDX-License-Identifier: Apache-2.0 #}
{# Copyright (C) 2025 Marcin Zieba <marcinpsk@gmail.com> #}
{# Lazy-loaded fragment: SVIs / IRBs (L3 VLAN interfaces, M35) — paginated from last-synced state. #}
<div class="nso-cat-pager"
     data-url="{% url 'plugins:netbox_nso_plugin:device_nso_category' pk=object.pk key='svi' %}"
     data-q="{{ q }}" data-page="{{ page.number }}">
  <div class="nso-cat-results">
    {% include "netbox_nso_plugin/categories/_adapter_error.html" %}
    <div class="nso-cat-msg"></div>
    {% include "netbox_nso_plugin/categories/_cat_search.html" with placeholder=placeholder q=q %}
    {% if svi_states %}
    <p class="text-muted small mb-2">Edit the VRF inline. Interface, SVI/IRB type, and VLAN form the structural identity; IP addresses remain on the linked interface.</p>
    <div class="table-responsive">
      <table class="table table-sm table-hover mb-0">
        <thead>
          <tr><th>Interface</th><th>VRF</th><th>Status</th><th>Last Synced</th><th></th></tr>
        </thead>
        <tbody>
          {% for s in svi_states %}
          <tr data-status="{{ s.status }}" data-owned="{{ s.accepted_at|yesno:'true,false' }}">
            <td class="text-nowrap">
              <a href="{{ s.interface.get_absolute_url }}">{{ s.interface.name }}</a>
              <div class="text-muted small">
                {{ s.svi_type|upper }} ·
                {% if s.vlan %}<a href="{{ s.vlan.get_absolute_url }}">VID {{ s.vlan.vid }}</a>{% else %}no VLAN{% endif %}
              </div>
            </td>
            <td>
              {% url 'plugins:netbox_nso_plugin:overlay_field_edit' key='svi' pk=s.pk as svi_edit_url %}
              <a href="#" class="nso-popedit" title="Edit VRF and take ownership of this SVI"
                 data-pe-url="{{ svi_edit_url }}" data-pe-title="{{ s.interface.name }} VRF"
                 data-pe-fields="vrf:text:VRF"
                 data-pe-v-vrf="{{ s.vrf }}">{{ s.vrf|default:"global" }}</a>
            </td>
            <td>{% include "netbox_nso_plugin/categories/_state_badge.html" with status=s.status residue=s.residue_survivor residue_job=s.residue_job_id %}</td>
            <td class="text-nowrap">{% if s.last_sync_at %}{{ s.last_sync_at|date:"Y-m-d H:i" }}{% else %}—{% endif %}</td>
            <td class="text-nowrap">
              {% url 'plugins:netbox_nso_plugin:svi_accept' pk=s.pk as accept_url %}{% include "netbox_nso_plugin/categories/_accept_cell.html" with accept_url=accept_url status=s.status form_class="nso-row-form" title="Make NetBox the source of truth for this SVI (re-materialised on the device on Apply)" %}
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% include "netbox_nso_plugin/categories/_cat_pager.html" with page=page %}
    {% else %}
    <p class="text-muted mb-0">No SVIs / IRBs{% if q %} matching “{{ q }}”{% else %} reported for this device{% endif %}.</p>
    {% endif %}
  </div>
</div>