From 49210bce010bc2588a79bef3bc162e935f2ca6b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Mon, 15 Jun 2026 12:52:21 +0200
Subject: [PATCH] Add OTC order basic card

---
 modules/shared/auth/ui/home.php | 25 +++++++++++++++++++++++--
 public/assets/styles.portal.css |  5 +++++
 2 files changed, 28 insertions(+), 2 deletions(-)

diff --git a/modules/shared/auth/ui/home.php b/modules/shared/auth/ui/home.php
index 11c8e12..d00a5f6 100644
--- a/modules/shared/auth/ui/home.php
+++ b/modules/shared/auth/ui/home.php
@@ -14,6 +14,12 @@ function render_auth_home_page(array $user): void
         ],
         JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES
     );
+    $moduleContentCards = json_encode(
+        [
+            'Bestellungen' => '<article class="sg-card" data-component="basic-card"><div class="sg-card-segment sg-card-segment--body sg-card-segment--gray" data-component-part="card-body"><div class="sg-component-row sg-basic-card__actions"><button class="sg-interaction-element sg-button sg-button--active" type="button" data-component="button" data-component-state="active">OTC-Bestellung erfassen</button></div></div></article>',
+        ],
+        JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES
+    );
     $moduleHeadings = json_encode(
         [
             'Übersicht' => 'Willkommen bei Naurua Übersicht',
@@ -81,12 +87,22 @@ function render_auth_home_page(array $user): void
     echo '<div class="sg-group-card__header-row sg-left-navigation-pattern__header-row">';
     echo '<h2 class="sg-heading-h2 sg-text-on-dark sg-group-card__heading" data-left-navigation-content-title aria-live="polite">Bestellungen</h2>';
     echo '</div>';
+    echo '<div data-left-navigation-content-body>';
+    echo '<article class="sg-card" data-component="basic-card">';
+    echo '<div class="sg-card-segment sg-card-segment--body sg-card-segment--gray" data-component-part="card-body">';
+    echo '<div class="sg-component-row sg-basic-card__actions">';
+    echo '<button class="sg-interaction-element sg-button sg-button--active" type="button" data-component="button" data-component-state="active">OTC-Bestellung erfassen</button>';
+    echo '</div>';
+    echo '</div>';
+    echo '</article>';
+    echo '</div>';
     echo '</section>';
     echo '</div>';
     echo '</section>';
     echo '</section>';
     echo '<script>';
     echo 'const portalModuleNavigation = ' . $moduleNavigation . ';';
+    echo 'const portalModuleContentCards = ' . $moduleContentCards . ';';
     echo 'const portalModuleHeadings = ' . $moduleHeadings . ';';
     echo "const renderMainHeading = (moduleName) => {";
     echo "  const heading = document.querySelector('[data-main-heading]');";
@@ -95,11 +111,14 @@ function render_auth_home_page(array $user): void
     echo "const renderLeftNavigation = (moduleName) => {";
     echo "  const title = document.querySelector('[data-left-navigation-title]');";
     echo "  const contentTitle = document.querySelector('[data-left-navigation-content-title]');";
+    echo "  const contentBody = document.querySelector('[data-left-navigation-content-body]');";
     echo "  const menu = document.getElementById('left-navigation-menu');";
     echo "  if (title) { title.textContent = moduleName; }";
     echo "  if (!menu) { return; }";
     echo "  const entries = portalModuleNavigation[moduleName] || [];";
-    echo "  if (contentTitle) { contentTitle.textContent = entries[0] || ''; }";
+    echo "  const activeEntry = entries[0] || '';";
+    echo "  if (contentTitle) { contentTitle.textContent = activeEntry; }";
+    echo "  if (contentBody) { contentBody.innerHTML = portalModuleContentCards[activeEntry] || ''; }";
     echo "  menu.innerHTML = '';";
     echo "  entries.forEach((entry, index) => {";
     echo "    const button = document.createElement('button');";
@@ -116,7 +135,9 @@ function render_auth_home_page(array $user): void
     echo "      menu.querySelectorAll('.sg-tab-button').forEach((otherButton) => {";
     echo "        otherButton.setAttribute('aria-selected', String(otherButton === button));";
     echo "      });";
-    echo "      if (contentTitle) { contentTitle.textContent = button.textContent.trim(); }";
+    echo "      const entryName = button.textContent.trim();";
+    echo "      if (contentTitle) { contentTitle.textContent = entryName; }";
+    echo "      if (contentBody) { contentBody.innerHTML = portalModuleContentCards[entryName] || ''; }";
     echo "    });";
     echo "  });";
     echo "};";
diff --git a/public/assets/styles.portal.css b/public/assets/styles.portal.css
index 4c15eed..b74e275 100644
--- a/public/assets/styles.portal.css
+++ b/public/assets/styles.portal.css
@@ -8,3 +8,8 @@
 .sg-vsf-list-overview-page-v2 .sg-main-heading {
   font-weight: var(--font-weight-regular);
 }
+
+.sg-basic-card__actions {
+  width: 100%;
+  justify-content: flex-end;
+}