sfsdf

modules/pihole/pages/instances.php

@@ -132,15 +132,23 @@ if ($primaryId === '') {
     }
 }
 ?>
+<?= module_shell_header('pihole', [
+  'title' => 'Pi-hole Instanzen',
+  'description' => 'Pi-hole Instanzen hinzufuegen, bearbeiten und loeschen.',
+  'tabs' => [
+    ['label' => 'Dashboard', 'href' => '/module/pihole'],
+    ['label' => 'Instanzen', 'href' => '/module/pihole/instances', 'active' => true],
+    ['label' => 'Listen', 'href' => '/module/pihole/lists'],
+    ['label' => 'Queries', 'href' => '/module/pihole/queries'],
+  ],
+]) ?>
 <div class="card">
-  <div class="pill">Pi-hole</div>
-  <div style="display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:.75rem;">
+  <div style="display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;">
     <h1 style="margin:0;">Instanzen</h1>
     <div style="display:flex; gap:10px; flex-wrap:wrap;">
       <button class="cta-button" type="button" data-instance-new>+ Neue Instanz</button>
     </div>
   </div>
-  <p class="muted">Pi-hole Instanzen hinzufuegen, bearbeiten und loeschen.</p>
 
   <?php if ($error): ?>
     <div class="card notice-card" style="margin-top:1rem; border-color:#ffb4a8; background:#fff5f3; color:#7a2114;">
@@ -222,3 +230,4 @@ if ($primaryId === '') {
     </form>
   </div>
 </div>
+<?= module_shell_footer() ?>