From f198ddd4e869d6b393c6f6a95f6a16d17e2c9870 Mon Sep 17 00:00:00 2001
From: UserIsMH <momohomma@googlemail.com>
Date: Tue, 10 Jun 2025 01:51:16 +0200
Subject: [PATCH] UI Verbesserung 2

---
 v2_adminpanel/templates/base.html | 86 +++++++++++++++++++++----------
 1 file changed, 58 insertions(+), 28 deletions(-)

diff --git a/v2_adminpanel/templates/base.html b/v2_adminpanel/templates/base.html
index 9a13e8e..2a4da48 100644
--- a/v2_adminpanel/templates/base.html
+++ b/v2_adminpanel/templates/base.html
@@ -291,6 +291,9 @@
             padding: 0;
             margin: 0;
             background-color: #f1f3f4;
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height 0.3s ease;
         }
         
         .sidebar-submenu .nav-link {
@@ -298,6 +301,29 @@
             font-size: 0.9rem;
         }
         
+        /* Show submenu on hover */
+        .nav-item:hover .sidebar-submenu {
+            max-height: 300px;
+        }
+        
+        /* Keep submenu open when active */
+        .nav-item.has-active-child .sidebar-submenu {
+            max-height: 300px;
+        }
+        
+        /* Arrow indicator for items with submenus */
+        .nav-link.has-submenu::after {
+            content: '▾';
+            float: right;
+            opacity: 0.5;
+            transition: transform 0.3s;
+        }
+        
+        .nav-item:hover .nav-link.has-submenu::after,
+        .nav-item.has-active-child .nav-link.has-submenu::after {
+            transform: rotate(180deg);
+        }
+        
         /* Main Content with Sidebar */
         .main-content {
             margin-left: var(--sidebar-width);
@@ -359,41 +385,45 @@
                     <span>Dashboard</span>
                 </a>
             </li>
-            <li class="nav-item">
-                <a class="nav-link {% if request.endpoint in ['customers_licenses', 'edit_customer', 'create_customer', 'edit_license', 'create_license'] %}active{% endif %}" href="/customers-licenses">
+            <li class="nav-item {% if request.endpoint in ['customers_licenses', 'edit_customer', 'create_customer', 'edit_license', 'create_license', 'batch_licenses'] %}has-active-child{% endif %}">
+                <a class="nav-link has-submenu {% if request.endpoint == 'customers_licenses' %}active{% endif %}" href="/customers-licenses">
                     <i class="bi bi-people"></i>
                     <span>Kunden & Lizenzen</span>
                 </a>
+                <ul class="sidebar-submenu">
+                    <li class="nav-item">
+                        <a class="nav-link {% if request.endpoint == 'create_customer' %}active{% endif %}" href="/customer/create">
+                            <i class="bi bi-person-plus"></i>
+                            <span>Neuer Kunde</span>
+                        </a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link {% if request.endpoint == 'create_license' %}active{% endif %}" href="/create">
+                            <i class="bi bi-plus-circle"></i>
+                            <span>Neue Lizenz</span>
+                        </a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link {% if request.endpoint == 'batch_licenses' %}active{% endif %}" href="/batch">
+                            <i class="bi bi-stack"></i>
+                            <span>Batch-Erstellung</span>
+                        </a>
+                    </li>
+                </ul>
             </li>
-            <li class="nav-item">
-                <a class="nav-link {% if request.endpoint == 'create_customer' %}active{% endif %}" href="/customer/create">
-                    <i class="bi bi-person-plus"></i>
-                    <span>Neuer Kunde</span>
-                </a>
-            </li>
-            <li class="nav-item">
-                <a class="nav-link {% if request.endpoint == 'create_license' %}active{% endif %}" href="/create">
-                    <i class="bi bi-plus-circle"></i>
-                    <span>Neue Lizenz</span>
-                </a>
-            </li>
-            <li class="nav-item">
-                <a class="nav-link {% if request.endpoint == 'batch_licenses' %}active{% endif %}" href="/batch">
-                    <i class="bi bi-stack"></i>
-                    <span>Batch-Erstellung</span>
-                </a>
-            </li>
-            <li class="nav-item">
-                <a class="nav-link {% if request.endpoint == 'resources' %}active{% endif %}" href="/resources">
+            <li class="nav-item {% if request.endpoint in ['resources', 'add_resources'] %}has-active-child{% endif %}">
+                <a class="nav-link has-submenu {% if request.endpoint == 'resources' %}active{% endif %}" href="/resources">
                     <i class="bi bi-box-seam"></i>
                     <span>Resource Pool</span>
                 </a>
-            </li>
-            <li class="nav-item">
-                <a class="nav-link {% if request.endpoint == 'add_resources' %}active{% endif %}" href="/resources/add">
-                    <i class="bi bi-plus-square"></i>
-                    <span>Ressourcen hinzufügen</span>
-                </a>
+                <ul class="sidebar-submenu">
+                    <li class="nav-item">
+                        <a class="nav-link {% if request.endpoint == 'add_resources' %}active{% endif %}" href="/resources/add">
+                            <i class="bi bi-plus-square"></i>
+                            <span>Ressourcen hinzufügen</span>
+                        </a>
+                    </li>
+                </ul>
             </li>
             <li class="nav-item">
                 <a class="nav-link {% if request.endpoint == 'audit_log' %}active{% endif %}" href="/audit">