sfsdf

modules/pihole/pages/index.php

@@ -6,10 +6,17 @@ $assets->addScript('/module/pihole/asset?file=pihole.js', 'footer', true);
 $instances = module_fn('pihole', 'instances');
 $hasConfig = !empty($instances);
 ?>
+<?= module_shell_header('pihole', [
+  'title' => 'Pi-hole Dashboard',
+  'description' => 'Status, Blockings, Usage und Steuerung fuer beide Instanzen.',
+  'tabs' => [
+    ['label' => 'Dashboard', 'href' => '/module/pihole', 'active' => true],
+    ['label' => 'Instanzen', 'href' => '/module/pihole/instances'],
+    ['label' => 'Listen', 'href' => '/module/pihole/lists'],
+    ['label' => 'Queries', 'href' => '/module/pihole/queries'],
+  ],
+]) ?>
 <div class="card pihole-page" data-pihole-page="dashboard">
-  <div class="pill">Pi-hole</div>
-  <h1 style="margin-top:.75rem;">Pi-hole Dashboard</h1>
-  <p class="muted">Status, Blockings, Usage und Steuerung fuer beide Instanzen.</p>
 
   <div class="card" style="margin-top:1rem;">
     <div class="pihole-section-header">
@@ -134,3 +141,4 @@ $hasConfig = !empty($instances);
     <div class="pihole-error" data-instance-errors></div>
   </div>
 </template>
+<?= module_shell_footer() ?>