{% load i18n %}
<div class="card">
  <h5 class="card-header d-flex justify-content-between align-items-center">
    <span>{% trans "Security" %}</span>
    <div class="dropdown">
      <button class="btn btn-ghost-primary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown">
        <i class="mdi mdi-plus-thick"></i> {% trans "Assign" %}
      </button>
      <ul class="dropdown-menu dropdown-menu-end">
        {% for group in nsm_assignments %}
        <li><a class="dropdown-item" href="{{ group.add_url }}">{{ group.assign_label }}</a></li>
        {% endfor %}
        {% if nsm_all_custom_types %}
        <li><hr class="dropdown-divider"></li>
        {% for ct in nsm_all_custom_types %}
        <li><a class="dropdown-item" href="{{ ct.add_url }}">{{ ct.type_name }}
        </a></li>
        {% endfor %}
        {% endif %}
      </ul>
    </div>
  </h5>
  <div class="card-body p-0">
    <table class="table table-hover mb-0">
      <tbody>
        {% for group in nsm_assignments %}{% if group.items %}
        <tr>
          <th class="ps-3" style="width:5.5rem;white-space:nowrap;">{{ group.label }}</th>
          <td>
            {% for item in group.items %}
            <a href="{{ item.url }}" class="badge text-bg-secondary me-1">{{ item.name }}</a>
            {% endfor %}
          </td>
          <td class="text-end pe-3" style="white-space:nowrap;">
            <a href="{{ group.list_url }}" class="btn btn-ghost-primary btn-sm" title="{% trans 'View all' %}"><i class="mdi mdi-format-list-bulleted"></i></a>
            <a href="{{ group.add_url }}" class="btn btn-ghost-primary btn-sm" title="{{ group.assign_label }}"><i class="mdi mdi-plus-thick"></i></a>
          </td>
        </tr>
        {% endif %}{% endfor %}

        {# ── Custom Object Assignments (ObjectCustomObjectAssignment) ── #}
        {% for coa_group in nsm_custom_object_assignments %}{% if coa_group.items %}
        {% for coa in coa_group.items %}
        <tr>
          <th class="ps-3" style="width:5.5rem;white-space:nowrap;">{{ coa_group.type_name }}</th>
          <td>
            <a href="{{ coa.custom_object.get_absolute_url }}" class="badge text-bg-primary me-1">{{ coa.custom_object.name }}</a>
            {% if coa.comment %}<small class="text-muted">{{ coa.comment }}</small>{% endif %}
          </td>
          <td class="text-end pe-3" style="white-space:nowrap;">
            <span class="btn-group dropdown">
              <a class="btn btn-sm btn-warning" href="/plugins/netbox-nsm/custom-object-assignments/{{ coa.pk }}/edit/?return_url={{ object.get_absolute_url }}" type="button" aria-label="Edit"><i class="mdi mdi-pencil"></i></a>
              <a class="btn btn-sm btn-warning dropdown-toggle" type="button" data-bs-toggle="dropdown" style="padding-left:2px"><span class="visually-hidden">Toggle Dropdown</span></a>
              <ul class="dropdown-menu">
                <li><a class="dropdown-item" href="/plugins/netbox-nsm/custom-object-assignments/{{ coa.pk }}/delete/?return_url={{ object.get_absolute_url }}"><i class="mdi mdi-trash-can-outline"></i> Delete</a></li>
                <li><a class="dropdown-item" href="/plugins/netbox-nsm/custom-object-assignments/{{ coa.pk }}/changelog/"><i class="mdi mdi-history"></i> Changelog</a></li>
              </ul>
            </span>
          </td>
        </tr>
        {% endfor %}
        {% endif %}{% endfor %}

        {# ── Custom Objects referencing this object via field_data ── #}
        {% for ref_group in nsm_custom_refs %}
          {% for item in ref_group.items %}
          <tr>
            <th class="ps-3" style="width:5.5rem;white-space:nowrap;">
              <a href="{{ ref_group.type_url }}" class="text-body">{{ ref_group.type_name }}</a>
            </th>
            <td>
              <a href="{{ item.obj.get_absolute_url }}" class="badge text-bg-info me-1"
                 title="{{ item.field_label }}">{{ item.obj.name }}</a>
            </td>
            <td class="text-end pe-3" style="white-space:nowrap;">
              <span class="btn-group dropdown">
                <a class="btn btn-sm btn-warning" href="/plugins/netbox-nsm/custom-objects/{{ item.obj.pk }}/edit/" type="button" aria-label="Edit"><i class="mdi mdi-pencil"></i></a>
                <a class="btn btn-sm btn-warning dropdown-toggle" type="button" data-bs-toggle="dropdown" style="padding-left:2px"><span class="visually-hidden">Toggle Dropdown</span></a>
                <ul class="dropdown-menu">
                  <li><a class="dropdown-item" href="/plugins/netbox-nsm/custom-objects/{{ item.obj.pk }}/delete/"><i class="mdi mdi-trash-can-outline"></i> Delete</a></li>
                  <li><a class="dropdown-item" href="/plugins/netbox-nsm/custom-objects/{{ item.obj.pk }}/changelog/"><i class="mdi mdi-history"></i> Changelog</a></li>
                </ul>
              </span>
            </td>
          </tr>
          {% endfor %}
        {% endfor %}

        {% if not nsm_total_count and not nsm_custom_count and not nsm_coa_count %}
        <tr><td class="ps-3 text-muted">None</td></tr>
        {% endif %}

        {# ── Virtual Combined Label ── #}
        {% if nsm_virtual_labels|length > 1 %}
        <tr style="border-top:2px solid #dee2e6;">
          <th class="ps-3" style="width:5.5rem;white-space:nowrap;vertical-align:middle;">
            <span class="text-muted small">vLabel</span>
          </th>
          <td style="vertical-align:middle;">
            <span class="d-inline-flex flex-wrap gap-1 align-items-center">
              {% for lbl in nsm_virtual_labels %}
                <span class="badge"
                      style="background:{{ lbl.custom_type.color|default:'#6c757d' }};color:#fff;">
                  {{ lbl.name }}
                </span>
              {% endfor %}
              {% if nsm_matching_url %}
                <a href="{{ nsm_matching_url }}"
                   class="text-muted ms-1"
                   title="Globale Regelsuche mit diesem Filter">
                  <i class="mdi mdi-shield-search"></i>
                </a>
              {% endif %}
            </span>
          </td>
        </tr>
        {% endif %}
      </tbody>
    </table>
  </div>
</div>