{# Monitoring floating side menu — client-side tab switching (switchMonTab in
   monitoring.html), same markup/behaviour as the Settings/Integrations menu.
   Only used by monitoring.html; the panels live in the same page so there is
   no reload. Uptime entry only when enabled. #}
<div class="settings-tabs floating-side-menu" id="monitoringMenu">
  <button class="settings-tab active" data-montab="overview" onclick="switchMonTab('overview')">{{ _('Overview') }}</button>
  <button class="settings-tab" data-montab="stats" onclick="switchMonTab('stats')">{{ _('Statistics') }}</button>
  <button class="settings-tab" data-montab="history" onclick="switchMonTab('history')">{{ _('Download History') }}</button>
  {% if uptime_enabled %}
  <button class="settings-tab" data-montab="uptime" onclick="switchMonTab('uptime')">UpTime</button>
  {% endif %}
  {# Module tabs — every thirdparty registered with settings_host="monitoring"
     gets one of its own; registry.py's _placed_tab() never lets a module
     attach to one of the four built-in panels above. Same "Modules" group and
     "M" pill as the Integrations/Notifications menus. #}
  {% set mon_module_tabs = get_dynamic_tabs('monitoring') %}
  {% if mon_module_tabs %}
  <div class="settings-tab-group-label">{{ _('Modules') }}</div>
  {% for t in mon_module_tabs %}
  <button class="settings-tab settings-tab-module" data-montab="{{ t.id }}" onclick="switchMonTab('{{ t.id }}')">{{ t.label }}<span class="sidebar-module-pill" title="{{ _('Module') }}: {{ t.module_name }}">M</span></button>
  {% endfor %}
  {% endif %}
</div>