feat: Erweiterung der Module für Geräte, Stockwerke und Racks mit grundlegenden Funktionen und Strukturen

app/modules/racks/list.php

@@ -1,2 +1,102 @@
 <?php
-// Übersicht aller Racks
+/**
+ * app/racks/list.php
+ *
+ * Übersicht aller Racks
+ * - Anzeigen
+ * - Bearbeiten
+ * - Löschen
+ * - Zugehöriges Floor anzeigen
+ * - SVG-Vorschau optional
+ */
+
+// TODO: bootstrap laden
+// require_once __DIR__ . '/../../bootstrap.php';
+
+// TODO: Auth erzwingen
+// requireAuth();
+
+// =========================
+// Racks laden
+// =========================
+
+// TODO: Racks aus DB laden
+// $racks = $sql->get("SELECT r.*, f.name AS floor_name FROM racks r LEFT JOIN floors f ON r.floor_id = f.id ORDER BY r.name", "", []);
+
+?>
+
+<h2>Racks</h2>
+
+<!-- =========================
+     Toolbar
+     ========================= -->
+
+<div class="toolbar">
+    <a href="/?page=racks/edit" class="button">
+        + Neues Rack
+    </a>
+
+    <!-- TODO: Suchfeld -->
+    <!-- TODO: Filter (Floor / Standort) -->
+</div>
+
+<!-- =========================
+     Rack-Tabelle
+     ========================= -->
+
+<table class="rack-list">
+    <thead>
+        <tr>
+            <th>Vorschau</th>
+            <th>Name</th>
+            <th>Stockwerk</th>
+            <th>Höhe (U)</th>
+            <th>Geräte</th>
+            <th>Aktionen</th>
+        </tr>
+    </thead>
+    <tbody>
+
+        <?php /* foreach ($racks as $rack): */ ?>
+        <tr>
+            <td class="preview">
+                <!-- TODO: SVG / JPG Thumbnail -->
+            </td>
+
+            <td>
+                <!-- TODO: Rack-Name -->
+                Rack 1
+            </td>
+
+            <td>
+                <!-- TODO: Floor / Standort -->
+            </td>
+
+            <td>
+                <!-- TODO: Höhe -->
+            </td>
+
+            <td>
+                <!-- TODO: Anzahl Geräte im Rack -->
+            </td>
+
+            <td>
+                <a href="/?page=racks/edit&id=1">Bearbeiten</a>
+                <button>Löschen</button>
+            </td>
+        </tr>
+        <?php /* endforeach; */ ?>
+
+    </tbody>
+</table>
+
+<!-- =========================
+     Leerer Zustand
+     ========================= -->
+
+<?php /* if (empty($racks)): */ ?>
+<div class="empty-state">
+    <p>Noch keine Racks angelegt.</p>
+    <p><a href="/?page=racks/edit">Erstes Rack anlegen</a></p>
+</div>
+<?php /* endif; */ ?>