From 6f378d750c5bbc324098abd129f4ab22b5449295 Mon Sep 17 00:00:00 2001
From: duffyduck <info@hacker-net.de>
Date: Sat, 30 May 2026 13:32:12 +0200
Subject: [PATCH] =?UTF-8?q?Vertragsansicht:=20Standort=20+=20Inaktiv-Badge?=
 =?UTF-8?q?=20beim=20Z=C3=A4hler=20anzeigen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

In der Zähler-Zelle der Strom/Gas-Details wird jetzt zusätzlich
"Inaktiv" (rot) neben der Zählernummer angezeigt und der
Standort als kleine Zeile darunter.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 frontend/src/pages/contracts/ContractDetail.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/contracts/ContractDetail.tsx b/frontend/src/pages/contracts/ContractDetail.tsx
index f728945c..29e0f0b9 100644
--- a/frontend/src/pages/contracts/ContractDetail.tsx
+++ b/frontend/src/pages/contracts/ContractDetail.tsx
@@ -2548,16 +2548,24 @@ export default function ContractDetail() {
           <dl className="grid grid-cols-2 md:grid-cols-4 gap-4">
             {c.energyDetails.meter && (
               <div>
-                <dt className="text-sm text-gray-500 flex items-center gap-1">
+                <dt className="text-sm text-gray-500 flex items-center gap-1 flex-wrap">
                   Zählernummer
                   {c.energyDetails.meter.tariffModel === 'DUAL' && (
                     <Badge variant="default">HT/NT</Badge>
                   )}
+                  {c.energyDetails.meter.isActive === false && (
+                    <Badge variant="danger">Inaktiv</Badge>
+                  )}
                 </dt>
                 <dd className="font-mono flex items-center gap-1">
                   {c.energyDetails.meter.meterNumber}
                   <CopyButton value={c.energyDetails.meter.meterNumber} />
                 </dd>
+                {c.energyDetails.meter.location && (
+                  <dd className="text-xs text-gray-500 mt-1">
+                    Standort: {c.energyDetails.meter.location}
+                  </dd>
+                )}
               </div>
             )}
             {c.energyDetails.maloId && (