{# SPDX-License-Identifier: Apache-2.0 #}
{# Copyright (C) 2025 Marcin Zieba <marcinpsk@gmail.com> #}
{# Lazy-loaded fragment: dot1q L3 subinterfaces (M36) — paginated from last-synced state. #}
<div class="nso-cat-pager"
     data-url="{% url 'plugins:netbox_nso_plugin:device_nso_category' pk=object.pk key='subinterface' %}"
     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 subinterface_states %}
    <p class="text-muted small mb-2">Edit dot1q encapsulation and VRF inline. Interface and parent 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>L3 configuration</th><th>Status</th><th>Last Synced</th><th></th></tr>
        </thead>
        <tbody>
          {% for s in subinterface_states %}
          <tr data-status="{{ s.status }}" data-owned="{{ s.accepted_at|yesno:'true,false' }}">
            <td>
              <a href="{{ s.interface.get_absolute_url }}">{{ s.interface.name }}</a>
              <div class="small">
                {% if s.parent_interface %}<span class="text-muted">parent:</span> <a href="{{ s.parent_interface.get_absolute_url }}">{{ s.parent_interface.name }}</a>{% else %}<span class="text-warning" title="Parent not yet present in NetBox">parent missing</span>{% endif %}
              </div>
            </td>
            <td>
              {% url 'plugins:netbox_nso_plugin:overlay_field_edit' key='subinterface' pk=s.pk as subinterface_edit_url %}
              <a href="#" class="nso-popedit" title="Edit encapsulation and VRF; this takes ownership"
                 data-pe-url="{{ subinterface_edit_url }}" data-pe-title="{{ s.interface.name }} L3 configuration"
                 data-pe-fields="dot1q_vlan:number:dot1q VLAN,vrf:text:VRF"
                 data-pe-v-dot1q_vlan="{{ s.dot1q_vlan|default:'' }}"
                 data-pe-v-vrf="{{ s.vrf }}">dot1q {{ s.dot1q_vlan|default:"—" }} · {{ 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:subinterface_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 subinterface (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 dot1q subinterfaces{% if q %} matching “{{ q }}”{% else %} reported for this device{% endif %}.</p>
    {% endif %}
  </div>
</div>