Merge branch 'main' of https://gitlab.reutlingen-university.de/heignh23/webproject

startbootstrap-agency-gh-pages/purchased_item.php

+<button type="button" onclick="redirectToPage()">Return</button> <br><br><br>
+
+<script>
+  function redirectToPage() {
+    window.location.href = "index.php";
+  }
+</script>
+
 <?php
 session_start();
 // Include your database connection code here
@@ -24,7 +32,7 @@ if ($result->num_rows > 0) {
             echo 'Item: ' . $itemDetails['itemName'] . '<br>';
             echo 'Price: ' . $itemDetails['price'] . ' €<br>';
             echo 'Quantity: ' . $itemDetails['quantity'] . '<br>';
-            echo 'Image: ' . $itemDetails['imagename'] . '<br>';
+            echo '<img src="../image/laptops/' . $itemDetails['imagename'] . '" alt="Image" height="87" >' . '<br>';
             echo '</li><br>';
         }
         echo '</ul>';
@@ -72,3 +80,49 @@ $conn->close();
     });
   });
 </script>
+<style>
+  /* styles.css */
+
+body {
+    font-family: 'Arial', sans-serif;
+    background-color: #f4f4f4;
+    margin: 20px;
+    text-align: center;
+}
+
+h2 {
+    color: #333;
+}
+
+ul {
+    list-style-type: none;
+    padding: 0;
+}
+
+li {
+    background-color: #fff;
+    border: 1px solid #ddd;
+    margin-bottom: 10px;
+    padding: 10px;
+}
+
+p {
+    margin: 10px 0;
+}
+
+.buy-again-btn {
+    background-color: #4CAF50;
+    color: #fff;
+    padding: 10px;
+    border: none;
+    cursor: pointer;
+}
+
+.buy-again-btn:hover {
+    background-color: #45a049;
+}
+
+hr {
+    border: 1px solid #ddd;
+}
+</style>
\ No newline at end of file