{# SPDX-FileCopyrightText: 2026 Marcin Zieba <marcinpsk@gmail.com> #}
{# SPDX-License-Identifier: Apache-2.0 #}
{% load helpers %}
<div id="{{ workspace_shell_id|default:'kea-workspace-shell' }}" class="kea-workspace-shell bg-body border-bottom mb-3"{% if workspace_oob %} hx-swap-oob="true"{% endif %}>
  <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 py-2">
    <div class="d-flex flex-wrap align-items-center gap-2">
      <strong aria-label="Server Scope">{{ workspace_scope_label }}</strong>
      <span class="text-muted">DHCPv{{ workspace_family }}</span>
      {% if workspace_return_url %}<a href="{{ workspace_return_url }}" class="btn btn-sm btn-outline-secondary">Back to workspace</a>{% endif %}
      {% if workspace_all_servers_url %}
      <div class="dropdown">
        <button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-label="Switch Server" aria-expanded="false">Switch Server</button>
        <nav class="dropdown-menu" aria-label="Switch Server">
          {% for name, url in workspace_server_switches %}<a class="dropdown-item" href="{{ url }}">{{ name }}</a>{% endfor %}
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="{{ workspace_all_servers_url }}">All Servers</a>
        </nav>
      </div>
      {% endif %}
      {% if server_scope %}{% include 'netbox_kea/inc/server_selector.html' %}{% endif %}
    </div>
    <nav class="btn-group" aria-label="DHCP family">
      {% for family, url in workspace_families %}
      <a href="{{ url }}" class="btn btn-sm {% if family == workspace_family %}btn-primary{% else %}btn-outline-primary{% endif %}"
         {% if family == workspace_family %}aria-current="page"{% endif %}>DHCPv{{ family }}</a>
      {% endfor %}
    </nav>
  </div>
  <div class="d-flex overflow-auto">
    <nav aria-label="Workspace sections" class="flex-grow-1">
      <ul class="nav nav-tabs flex-nowrap">
        {% for key, label, url in workspace_sections %}
        <li class="nav-item">
          <a href="{{ url }}" class="nav-link{% if key == workspace_section %} active{% endif %}"
             {% if key == workspace_section %}aria-current="page"{% endif %}>{{ label }}</a>
        </li>
        {% endfor %}
      </ul>
    </nav>
    {% if workspace_object_tabs %}
    <nav aria-label="Server object tabs">
      <ul class="nav nav-tabs flex-nowrap">
        {% for tab in workspace_object_tabs %}
        <li class="nav-item">
          <a href="{{ tab.url }}" class="nav-link text-nowrap{% if tab.is_active %} active{% endif %}"
             {% if tab.is_active %}aria-current="page"{% endif %}>{{ tab.label }} {% badge tab.badge %}</a>
        </li>
        {% endfor %}
      </ul>
    </nav>
    {% endif %}
  </div>
</div>
{% if workspace_subsections %}
<nav class="nav nav-pills mb-3" aria-label="Subnet subsections">
  {% for key, label, url in workspace_subsections %}
  <a href="{{ url }}" class="nav-link{% if key == workspace_subsection %} active{% endif %}"
     {% if key == workspace_subsection %}aria-current="page"{% endif %}>{{ label }}</a>
  {% endfor %}
</nav>
{% endif %}