{% extends 'base/layout.html' %}
{% load i18n %}
{% load render_table from django_tables2 %}

{% block title %}{{ title }}{% endblock %}

{% block content %}
<div class="row">
  <div class="col-12">
    <div class="card mb-3">
      <div class="card-body pb-2">
        {# Main tabs (same as object_tabs.html) #}
        <ul class="nav nav-tabs mb-3" role="tablist">
          {% for tab in main_tabs %}
            <li class="nav-item" role="presentation">
              <a class="nav-link{% if tab.slug == active_main_tab %} active{% endif %}" href="{{ tab.href }}">
                {{ tab.label }}
              </a>
            </li>
          {% endfor %}
        </ul>

        {# Sub-tabs: Types / Objects #}
        <ul class="nav nav-pills gap-2 mb-3" role="tablist">
          {% for sub_tab in sub_tabs %}
            <li class="nav-item" role="presentation">
              <a class="nav-link{% if sub_tab.slug == active_sub_tab %} active{% endif %}" href="{{ sub_tab.href }}">
                {{ sub_tab.label }}
              </a>
            </li>
          {% endfor %}
        </ul>

        {# Per-type filter pills (only on Objects tab) #}
        {% if type_pills %}
        <ul class="nav nav-pills gap-2 mb-3 flex-wrap" role="tablist">
          <li class="nav-item" role="presentation">
            <a class="nav-link{% if not request.GET.type_pk %} active{% endif %}"
               href="/plugins/netbox-nsm/object/custom/objects/">
              <i class="mdi mdi-view-list me-1"></i>{% trans "All" %}
            </a>
          </li>
          {% for pill in type_pills %}
          <li class="nav-item" role="presentation">
            <a class="nav-link{% if pill.active %} active{% endif %}" href="{{ pill.href }}">
              {% if pill.icon %}<i class="mdi {{ pill.icon }} me-1"></i>{% endif %}{{ pill.name }}
            </a>
          </li>
          {% endfor %}
        </ul>
        {% endif %}

        <div class="d-flex flex-wrap gap-2 mb-3">
          <a class="btn btn-primary" href="{{ add_url }}">{% trans "Add" %}</a>
          <a class="btn btn-outline-secondary"
             href="{% url 'plugins:netbox_nsm:bundle_export' %}">
            <i class="mdi mdi-download"></i> {% trans "Export all (YAML)" %}
          </a>
          <a class="btn btn-outline-secondary"
             href="{% url 'plugins:netbox_nsm:bundle_import' %}">
            <i class="mdi mdi-upload"></i> {% trans "Import (YAML)" %}
          </a>
          {% if active_sub_tab == 'types' %}
          <a class="btn btn-outline-secondary"
             href="{% url 'plugins:netbox_nsm:builtin_type_install' %}">
            <i class="mdi mdi-puzzle-outline"></i> {% trans "Install Defaults" %}
          </a>
          {% endif %}
        </div>

        {% render_table table %}
      </div>
    </div>
  </div>
</div>
{% endblock %}