pi hole settings

modules/pihole/pages/index.php

@@ -11,12 +11,33 @@ $hasConfig = !empty($instances);
   <h1 style="margin-top:.75rem;">Pi-hole Dashboard</h1>
   <p class="muted">Status, Blockings, Usage und Steuerung fuer beide Instanzen.</p>
 
-  <?php if (!$hasConfig): ?>
-    <div class="card" style="margin-top:1rem; border-color:var(--accent);">
-      <strong>Setup erforderlich</strong>
-      <div class="muted" style="margin-top:.35rem;">Bitte zuerst die Pi-hole Instanzen im Setup konfigurieren.</div>
-      <div style="margin-top:.75rem;"><a class="nav-link" href="/modules/setup/pihole">Setup oeffnen</a></div>
+  <div class="card" style="margin-top:1rem;">
+    <div class="pihole-section-header">
+      <strong>Hosts</strong>
+      <a class="nav-link" href="/module/pihole/instances">Instanzen verwalten</a>
     </div>
+    <?php if (!$instances): ?>
+      <div class="muted" style="margin-top:.75rem;">Keine Pi-hole Instanzen vorhanden. Bitte zuerst hinzufuegen.</div>
+      <div style="margin-top:.75rem;"><a class="cta-button" href="/module/pihole/instances">+ Neue Instanz</a></div>
+    <?php else: ?>
+      <div class="pihole-list" style="margin-top:1rem;">
+        <?php foreach ($instances as $instance): ?>
+          <div class="pihole-list-row">
+            <div>
+              <strong><?= e((string)($instance['name'] ?? $instance['id'] ?? '')) ?></strong>
+              <div class="muted"><?= e((string)($instance['url'] ?? '')) ?></div>
+            </div>
+            <?php if (!empty($instance['is_primary'])): ?>
+              <span class="pihole-status">Primaer</span>
+            <?php endif; ?>
+          </div>
+        <?php endforeach; ?>
+      </div>
+    <?php endif; ?>
+  </div>
+
+  <?php if (!$hasConfig): ?>
+    <?php return; ?>
   <?php else: ?>
     <div class="pihole-grid" style="margin-top:1rem;">
       <div class="card pihole-stat">