diff --git a/html/data_treatment/AJAX/search.php b/html/data_treatment/AJAX/search.php
new file mode 100644
index 0000000000000000000000000000000000000000..2614fa61759446053312124a8f24a168f8e5fa56
--- /dev/null
+++ b/html/data_treatment/AJAX/search.php
@@ -0,0 +1,22 @@
+<?php
+include("../connect_database.php");
+
+if (isset($_GET['query'])) {
+ $search_query = $_GET['query'];
+
+ // Use the search query to fetch matching articles from the database
+ $sql = "SELECT * FROM articles WHERE itemName LIKE '%$search_query%'";
+ $result = $conn->query($sql);
+
+ $articles = array();
+ while ($row = $result->fetch_assoc()) {
+ $articles[] = $row;
+ }
+
+ // Return the search results as JSON
+ echo json_encode($articles);
+} else {
+ echo json_encode(array()); // Return an empty array if no query is provided
+}
+$conn->close();
+?>
diff --git a/startbootstrap-agency-gh-pages/index.php b/startbootstrap-agency-gh-pages/index.php
index f5597bed3650ced71e8943bdeda141cfeefda527..82db46577d458e1459efa331f3df03dcdb52f455 100644
--- a/startbootstrap-agency-gh-pages/index.php
+++ b/startbootstrap-agency-gh-pages/index.php
@@ -43,6 +43,7 @@ switch ($j) {
}
include("../html/data_treatment/connect_database.php");
+echo "Hello Mr./Ms. ".explode('@',$_SESSION["username"])[0].", you were last online on ".$Fday." - ".$day.".".$month.".".$year.".";
?>
<html lang="en">
<head>
@@ -83,7 +84,7 @@ include("../html/data_treatment/connect_database.php");
</li>
<li>
- <form action="/search" method="GET">
+ <form method="GET">
<input type="text" name="query" id=search placeholder="Search...">
</form>
</li>
@@ -320,14 +321,20 @@ include("../html/data_treatment/connect_database.php");
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
- <div class="modal-body">
+ <div class="modal-body" <?php echo 'id="modal'.$articles[$i]["itemName"].'"';?>>
<!-- Project details-->
<h2 class="text-uppercase"><?php echo $articles[$i]["itemName"]?></h2>
<!-- <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p> -->
<img class="img-fluid d-block mx-auto" src=<?php echo "'../image/laptops/".$articles[$i]["imagename"]."'"; ?> alt="..." />
<p><?php echo $articles[$i]["description"]; ?></p>
- <p><?php echo "Price: ".$articles[$i]["price"]." €";?></p>
- <button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
+ <p><?php echo "Price: ".$articles[$i]["price"]." € <br>Quantity available: ".$articles[$i]["quantity"];?></p>
+ <div class="quantity">
+ <button class="remove-button" onclick="removeProduct(this)">X</button>
+ <button onclick="decrementQuantity(this)">-</button>
+ <input type="text" value="1" <?php echo 'id="quantity"'.$i; ?>>
+ <button onclick="incrementQuantity(this)">+</button>
+ </div>
+ <button class="btn btn-primary btn-xl text-uppercase" type="button" <?php echo 'id = "buttonShoppingCart'.$i.'"';?>>
Add to shopping cart
</button>
<div class="quantity">
@@ -409,6 +416,24 @@ include("../html/data_treatment/connect_database.php");
<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
<script src="js/slideBox.js"></script>
<script>
+
+ function incrementQuantity(button) {
+ var input = button.parentNode.querySelector('input');
+ var value = parseInt(input.value, 10);
+ input.value = value + 1;
+ }
+
+ function decrementQuantity(button) {
+ var input = button.parentNode.querySelector('input');
+ var value = parseInt(input.value, 10);
+ if (value > 0) {
+ input.value = value - 1;
+ }
+ }
+ function removeProduct(button) {
+ var product = button.parentNode.parentNode;
+ product.parentNode.removeChild(product);
+ }
function updateOnlineUsers() {
$.ajax({
url: '../html/data_treatment/AJAX/online_Users.php',
@@ -423,6 +448,8 @@ include("../html/data_treatment/connect_database.php");
// Initial update
updateOnlineUsers();
+
+
</script>
</body>
</html>