From 9010e9587f8f9a4295e5a84262863380302b8272 Mon Sep 17 00:00:00 2001
From: Wolfgang Hottgenroth <wolfgang.hottgenroth@icloud.com>
Date: Fri, 28 Nov 2025 08:23:10 +0100
Subject: [PATCH] garaga page 11

---
 apps/ui/templates/garage.html | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/apps/ui/templates/garage.html b/apps/ui/templates/garage.html
index 0ddbf4e..3120dbe 100644
--- a/apps/ui/templates/garage.html
+++ b/apps/ui/templates/garage.html
@@ -364,6 +364,9 @@
                 // Control card
                 renderOutletControls(container, device);
 
+                // State card
+                renderStateDisplay(container, device);
+
                 // Find and render powermeter
                 const powermeterDevice = Object.values(devicesData).find(d => d.device_id === 'powermeter_caroutlet');
                 if (powermeterDevice) {
@@ -399,8 +402,13 @@
 
             card.appendChild(controlGroup);
             container.appendChild(card);
+        }
 
+        function renderStateDisplay(container, device) {
             // State display as separate card
+            const state = deviceStates[device.device_id];
+            const currentPower = state?.power === 'on';
+            
             const stateCard = document.createElement('div');
             stateCard.className = 'card';
             stateCard.style.textAlign = 'center';