From c0d8fdede6a824fcecb77c61df0b77a3a28dad92 Mon Sep 17 00:00:00 2001
From: NOrtmann1 <ortmann.niklas@yahoo.de>
Date: Fri, 17 Jul 2026 17:04:54 +0200
Subject: [PATCH] Update showCategory.php

---
 content/showCategory.php | 92 +++++++++++++++++++++++-----------------
 1 file changed, 53 insertions(+), 39 deletions(-)

diff --git a/content/showCategory.php b/content/showCategory.php
index 44d1d43..279c69d 100644
--- a/content/showCategory.php
+++ b/content/showCategory.php
@@ -2,59 +2,73 @@
 include_once "php/controller/showCategory-controller.php";
 ?>
 
-<div class="category-results-container">
-    <!-- Kategorie-Titel sicher ausgeben -->
-    <h1>Kategorie: <?php echo (isset($category) && !empty($category)) ? htmlspecialchars($category) : 'Unbekannt'; ?></h1>
+<div class="s-res-main-content">
+    <div class="s-res-header">
+        <!-- Kategorie-Titel ausgeben -->
+        <h1 class="s-res-main-title">Kategorie: <?php echo (isset($category) && !empty($category)) ? htmlspecialchars($category) : 'Unbekannt'; ?></h1>
+    </div>
 
-    <!-- 1. Die Artikel-Liste ausgeben -->
-    <div class="articles-list">
+    <!--  Artikel-Liste  -->
+    <div class="s-res-list">
         <?php if (isset($articles) && !empty($articles)): ?>
             <?php foreach ($articles as $article): ?>
-                <article class="article-item">
-                    <h2><?php echo (isset($article) && !empty($article->getTitle())) ? htmlspecialchars($article->getTitle()) : 'Kein Titel'; ?></h2>
-                    <p><?php echo (isset($article) && !empty($article->getContent())) ? htmlspecialchars($article->getContent()) : 'Kein Inhalt'; ?></p>
-                </article>
+                <div class="s-res-item">
+                    <div class="s-res-content">
+                        <h2 class="s-res-item-title">
+                            <?php echo (isset($article) && !empty($article->getTitle())) ? htmlspecialchars($article->getTitle()) : 'Kein Titel'; ?>
+                        </h2>
+                        <p>
+                            <?php echo (isset($article) && !empty($article->getContent())) ? htmlspecialchars($article->getContent()) : 'Kein Inhalt'; ?>
+                        </p>
+                    </div>
+                    <div class="s-res-arrow">&rarr;</div>
+                </div>
             <?php endforeach; ?>
         <?php else: ?>
-            <p>Keine Artikel in dieser Kategorie gefunden.</p>
+            <p class="s-res-meta">Keine Artikel in dieser Kategorie gefunden.</p>
         <?php endif; ?>
     </div>
 
-    <!-- 2. Der Paginator (Nutzt exakt die Struktur aus deinem JS) -->
+    <!--  Der Paginator  -->
     <?php if (isset($totalPages) && $totalPages > 1): ?>
-        <form id="search-form-id" action="index.php" method="GET" style="display: inline;">
+        <div class="s-res-pagination-footer">
+            <!-- Platzhalter für die linke Seite, damit die Buttons rechts aligned bleiben -->
+            <div></div>
 
-            <!-- Pfad und Kategorie als versteckte Felder mitsenden -->
-            <input type="hidden" name="pfad" value="showCategory">
-            <input type="hidden" name="category" value="<?php echo (isset($category) && !empty($category)) ? htmlspecialchars($category) : ''; ?>">
+            <form id="search-form-id" action="index.php" method="GET" style="display: inline;">
+                <!-- Pfad und Kategorie als versteckte Felder mitsenden -->
+                <input type="hidden" name="pfad" value="showCategory">
+                <input type="hidden" name="category" value="<?php echo (isset($category) && !empty($category)) ? htmlspecialchars($category) : ''; ?>">
 
-            <!-- Das Feld, das dein JS-Paginator befüllt -->
-            <input type="hidden" id="s-res-page-input" name="page" value="<?php echo (isset($page) && !empty($page)) ? $page : 1; ?>">
+                <!-- Das Feld für dein JS-Paginator -->
+                <input type="hidden" id="s-res-page-input" name="page" value="<?php echo (isset($page) && !empty($page)) ? $page : 1; ?>">
 
-            <!-- WICHTIG: Das Elternelement MUSS die Klasse 's-res-page-navigation' haben -->
-            <div class="s-res-page-navigation">
+                <!-- Die originale Navigations-Struktur -->
+                <div class="s-res-page-navigation">
 
-                <!-- Zurück-Button mit der Klasse 's-res-page-btn' -->
-                <?php $currentPage = $page ?? 1; ?>
-                <button type="button" class="s-res-page-btn" data-page="<?php echo $currentPage - 1; ?>" <?php echo ($currentPage <= 1) ? 'disabled' : ''; ?>>
-                    &laquo; Zurück
-                </button>
-
-                <!-- Seitenzahlen mit der Klasse 's-res-page-btn' -->
-                <?php for ($i = 1; $i <= $totalPages; $i++): ?>
-                    <button type="button"
-                            class="s-res-page-btn <?php echo ($i === $currentPage) ? 'active' : ''; ?>"
-                            data-page="<?php echo $i; ?>"
-                            <?php echo ($i === $currentPage) ? 'disabled' : ''; ?>>
-                        <?php echo $i; ?>
+                    <!-- Zurück-Button -->
+                    <?php $currentPage = $page ?? 1; ?>
+                    <button type="button" class="s-res-page-btn" data-page="<?php echo $currentPage - 1; ?>" <?php echo ($currentPage <= 1) ? 'disabled' : ''; ?>>
+                        &laquo; Zurück
                     </button>
-                <?php endfor; ?>
 
-                <!-- Vor-Button mit der Klasse 's-res-page-btn' -->
-                <button type="button" class="s-res-page-btn" data-page="<?php echo $currentPage + 1; ?>" <?php echo ($currentPage >= $totalPages) ? 'disabled' : ''; ?>>
-                    Weiter &raquo;
-                </button>
-            </div>
-        </form>
+                    <!-- Seitenzahlen generieren -->
+                    <?php for ($i = 1; $i <= $totalPages; $i++): ?>
+                        <button type="button"
+                                class="s-res-page-btn <?php echo ($i === $currentPage) ? 's-res-page-btn-active' : ''; ?>"
+                                data-page="<?php echo $i; ?>"
+                                <?php echo ($i === $currentPage) ? 'disabled' : ''; ?>>
+                            <?php echo $i; ?>
+                        </button>
+                    <?php endfor; ?>
+
+                    <!-- Vor-Button -->
+                    <button type="button" class="s-res-page-btn" data-page="<?php echo $currentPage + 1; ?>" <?php echo ($currentPage >= $totalPages) ? 'disabled' : ''; ?>>
+                        Weiter &raquo;
+                    </button>
+                </div>
+            </form>
+        </div>
     <?php endif; ?>
 </div>
+