Verwandte Themen unten UND oben anzeigen

webseite/topic.php

@@ -115,6 +115,29 @@ if (!isset($topicData)) {
                 </div>
             </div>
         </div>
+
+        <div class="related-topics bg-gray-100 p-4 rounded-lg">
+            <h4>Verwandte Themen:</h4>
+            <ul class="flex flex-wrap gap-2">
+                <?php
+                foreach ($topicData->relatedTopics as $relatedTopicName) {
+                    $relatedTopic = $subjectData->topics[$relatedTopicName];
+                    if (!isset($relatedTopic)) {
+                        continue;
+                    }
+                    ?>
+                    <li onclick="event.stopPropagation();"
+                        class="border-[<?php echo($subjectData->color); ?>] border-2">
+                        <a href='<?php echo("topic.php?subject=$subjectData->id&topic=$relatedTopic->id") ?>'
+                           class="block">
+                            <?php echo($relatedTopic->displayName); ?>
+                        </a>
+                    </li>
+                    <?php
+                }
+                ?>
+            </ul>
+        </div>
     </div>
 </main>