+
+
+ Fill In Your Details
+
+
+
+
+
+
+
+
+
+
+
diff --git a/proof2.php b/proof2.php
new file mode 100644
index 0000000..53d4166
--- /dev/null
+++ b/proof2.php
@@ -0,0 +1,75 @@
+prepare("SELECT COUNT(*) FROM orders WHERE OrderID = ?");
+ $stmt->bind_param("s", $newOrderID);
+ $stmt->execute();
+ $stmt->bind_result($count);
+ $stmt->fetch();
+ $stmt->close();
+ return $count > 0;
+ }
+
+ do {
+ $newOrderID = generateOrderID();
+ } while (isOrderIDExists($conn, $newOrderID));
+
+ // Check if the combination of Place_Num and Dates already exists
+ $checkSql = "SELECT * FROM orders WHERE Place_Num = '$Place' AND Dates = '$date'";
+ $checkResult = mysqli_query($conn, $checkSql);
+
+ if(mysqli_num_rows($checkResult) > 0) {
+ // Combination already exists, show error message
+ echo "";
+ echo "";
+ exit();
+ }
+ else{
+ // Insert into user table
+ $sql = "INSERT INTO orders (OrderID, Place_Num, Renter_ID, Admin_ID, License, Dates, Category_Type, Approve_Status, Checks_Status, Pay_Status) VALUES ('".$newOrderID."','".$Place."', '".$renterId."', '".$adminId."', '".$license."', '".$date."', '".$category."','".$approve."','".$check."','".$pay."')";
+
+ $column = mysqli_query($conn, $sql);
+
+ if($column != 0) {
+ echo "";
+ echo "";
+ exit();
+ }
+ else {
+ echo "";
+ echo "";
+ exit();
+ }
+ }
+
+
+ mysqli_close($conn); //data security purposes
+ }
+?>
+
+
diff --git a/receipt.php b/receipt.php
new file mode 100644
index 0000000..fe982a1
--- /dev/null
+++ b/receipt.php
@@ -0,0 +1,299 @@
+query($sql) === TRUE) {
+ $paymentId = $Transaction_No;
+ $sql = "UPDATE orders SET Pay_Status = 1 WHERE OrderID = '$OrderID'";
+
+ $result = mysqli_query($conn, $sql);
+} else {
+ echo "Error: " . $sql . "
" . $conn->error;
+ exit();
+}
+
+// Fetching the user's name for display
+$sql = "SELECT Renter_Name FROM renter WHERE Renter_ID = '$Renter_ID'";
+$result = mysqli_query($conn, $sql);
+$user = mysqli_fetch_assoc($result);
+$userName = $user['Renter_Name'];
+
+$conn->close();
+?>
+
+
+
+
+
+
+
+
+
Receipt | UITM BAZAAR
+
+
+
+
+
+
+
+
+
+
+ Transaction No:
+
+
+
+ Renter ID:
+
+
+
+ Pay Type:
+
+
+
+ Pay Date:
+
+
+
+ Pay Amount Total:
+ RM
+
+
+ Place Number:
+
+
+
+
+
+
+ Item
+ Description
+ Quantity
+ Price
+ Total
+
+
+
+
+ Place Rental
+ Rental of place number
+ 1
+ RM
+ RM
+
+
+
+
+ Print
+ Next
+
+
+
+
+
+
+
diff --git a/rentPlace.php b/rentPlace.php
new file mode 100644
index 0000000..048c242
--- /dev/null
+++ b/rentPlace.php
@@ -0,0 +1,270 @@
+
+
+
+
+
+
Rent | UITM BAZAAR
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/renterList.php b/renterList.php
new file mode 100644
index 0000000..e8d4390
--- /dev/null
+++ b/renterList.php
@@ -0,0 +1,161 @@
+
+
+
+
+
RentList | UITM BAZAAR
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ RENTER DATABASE
+
+
+
+
+
+
+ RENTER ID
+ RENTER NAME
+ PHONE NUMBER
+ AGE
+ EMAIL
+ PLACE NUMBER
+ DATES
+
+ connect_error) {
+ die("Connection failed: " . $conn->connect_error);
+ }
+
+ $sql = "SELECT renter.Renter_ID, renter.Renter_Name, renter.Renter_PhoneNum, renter.Renter_Age, renter.Renter_Email, orders.Place_Num, orders.Dates FROM renter INNER JOIN orders ON renter.Renter_ID = orders.Renter_ID ORDER BY orders.dates";
+ $result = $conn->query($sql);
+
+ if ($result->num_rows > 0) {
+ while ($row = $result->fetch_assoc()) {
+ echo "";
+
+ echo "" . $row["Renter_ID"] . " ";
+ echo "" . $row["Renter_Name"] . " ";
+ echo "" . $row["Renter_PhoneNum"] . " ";
+ echo "" . $row["Renter_Age"] . " ";
+ echo "" . $row["Renter_Email"] . " ";
+ echo "" . $row["Place_Num"] . " ";
+ echo "" . $row["Dates"] . " ";
+
+ echo " ";
+ }
+ } else {
+ echo "No results found ";
+ }
+
+ $conn->close();
+ ?>
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/renterProfile.php b/renterProfile.php
new file mode 100644
index 0000000..a9775a4
--- /dev/null
+++ b/renterProfile.php
@@ -0,0 +1,253 @@
+
+
+
+
+
+
+
+
+
Profile | UITM BAZAAR
+
+
+
+
+
+
+
+
Profile's | UITM BAZAAR
+
+
+ 0;
+ if ($check_event) {
+ while ($row = mysqli_fetch_assoc($data)) {
+ ?>
+
PROFILE DETAILS
+
+
+
+ No profile details found.";
+ }
+ ?>
+
+
+
+
+
diff --git a/renterProfile2.php b/renterProfile2.php
new file mode 100644
index 0000000..170d997
--- /dev/null
+++ b/renterProfile2.php
@@ -0,0 +1,32 @@
+alert('Data Had Been Saved')";
+ echo "";
+ exit();
+ } else {
+ echo "";
+ echo "";
+ exit();
+ }
+
+ mysqli_close($conn); // Close connection
+}
+?>
diff --git a/rentermenu.php b/rentermenu.php
new file mode 100644
index 0000000..02cf08e
--- /dev/null
+++ b/rentermenu.php
@@ -0,0 +1,169 @@
+
+
+
+
+
+
+
Renter | UITM BAZAAR
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Renter's Site Page
+
Hi, Welcome to our UiTM Rent Night Market Website. We offer a comprehensive market rent system designed to streamline your rental needs. Whether you're looking to rent a place, manage your profile, or send feedback, we have got you covered.
+
+
+
MORE
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Rent Place
+
+
+
+
Event
+
+
+
+
Payment
+
+
+
+
Feedback
+
+
+
+
Profile
+
+
+
+
+
+
+
+
+
+
+
diff --git a/report.php b/report.php
new file mode 100644
index 0000000..d2cdaab
--- /dev/null
+++ b/report.php
@@ -0,0 +1,255 @@
+connect_error) {
+ die("Connection failed: " . $conn->connect_error);
+}
+
+// Fetch data for Bar Chart (order table)
+$sql1 = "SELECT Category_Type, COUNT(Category_Type) as Quantity FROM orders GROUP BY Category_Type";
+
+$result1 = $conn->query($sql1);
+
+$labels1 = [];
+$data1 = [];
+
+if ($result1->num_rows > 0) {
+ while($row = $result1->fetch_assoc()) {
+ $labels1[] = $row["Category_Type"];
+ $data1[] = $row["Quantity"];
+ }
+}
+
+// Fetch data for Pie Chart (report table)
+$sql2 = "SELECT Department, COUNT(Department) as Quantity FROM report GROUP BY Department";
+$result2 = $conn->query($sql2);
+
+$labels2 = [];
+$data2 = [];
+
+if ($result2->num_rows > 0) {
+ while($row = $result2->fetch_assoc()) {
+ $labels2[] = $row["Department"];
+ $data2[] = $row["Quantity"];
+ }
+}
+
+// Close MySQL connection
+$conn->close();
+?>
+
+
+
+
+
Report | UITM BAZAAR
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/sawEvents.php b/sawEvents.php
new file mode 100644
index 0000000..f38272b
--- /dev/null
+++ b/sawEvents.php
@@ -0,0 +1,163 @@
+
+
+
+
+
+
Events | UITM BAZAAR
+
+
+
Available Events
+
+
+
+
+
+
+
+
+
+
+
+
Upcoming Events
+
Check out the upcoming events:
+
+
+
+
+
+ 0;
+
+ // Fetch events and sort by date
+ $events = [];
+ if ($check_event) {
+ while ($row = mysqli_fetch_assoc($data)) {
+ $events[] = $row;
+ }
+
+ // Custom sort function to sort events by date
+ usort($events, function($a, $b) {
+ $dateA = strtotime($a['Dates']);
+ $dateB = strtotime($b['Dates']);
+ return $dateA - $dateB;
+ });
+
+ foreach ($events as $event) {
+ ?>
+
+
+
+
+
+
+ No upcoming events.";
+ }
+ ?>
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..900eae6
--- /dev/null
+++ b/script.js
@@ -0,0 +1,29 @@
+ function showPopup() {
+ document.getElementById('popup').style.display = 'block';
+ }
+
+ // JavaScript function to close popup
+ function closePopup() {
+ document.getElementById('popup').style.display = 'none';
+ }
+
+ // Call the showPopup function when the page loads
+ window.onload = function() {
+ closePopup();
+ };
+
+ function showPopup2() {
+ document.getElementById('popup2').style.display = 'block';
+ }
+
+ // JavaScript function to close popup
+ function closePopup2() {
+ document.getElementById('popup2').style.display = 'none';
+ }
+
+ // Call the showPopup function when the page loads
+ window.onload = function() {
+ closePopup2();
+ };
+
+
\ No newline at end of file
diff --git a/selectReceipt.php b/selectReceipt.php
new file mode 100644
index 0000000..a69befa
--- /dev/null
+++ b/selectReceipt.php
@@ -0,0 +1,230 @@
+
+
+
+
+
Select Receipt | UITM BAZAAR
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ NO
+ ORDER ID
+ PLACE NUMBER
+ PAYMENT TYPE
+ PAY DATE
+ PAY STATUS
+ Receipt
+
+
+
+ num_rows > 0) {
+ $no = 1;
+ while ($row = $result_places->fetch_assoc()) {
+ $isPay = $row['Pay_Status'] == 1;
+ if ($isPay) {
+ echo "";
+ echo "{$no} ";
+ echo "{$row['OrderID']} ";
+ echo "{$row['Place_Num']} ";
+ echo "{$row['Pay_Type']} ";
+ echo "{$row['Pay_Date']} ";
+ echo "" . ($isPay ? ' ' : '❌') . " ";
+ echo "";
+ echo "";
+ echo " ";
+ echo " ";
+ $no++;
+ }
+ }
+ } else {
+ echo "No Payment Being Made ";
+ }
+ ?>
+
+
+
+
+
+
+
+
+
diff --git a/sentFeedback.php b/sentFeedback.php
new file mode 100644
index 0000000..43bece0
--- /dev/null
+++ b/sentFeedback.php
@@ -0,0 +1,261 @@
+
+
+
+
+
+
+
+
Feedback | UITM BAZAAR
+
+
+
+
+
+
+
+
+
+
+
+
+
+
FEEDBACK
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/sentFeedback2.php b/sentFeedback2.php
new file mode 100644
index 0000000..79b8b26
--- /dev/null
+++ b/sentFeedback2.php
@@ -0,0 +1,42 @@
+ 0); // Repeat until a unique ID is found
+
+ return $reportId;
+}
+
+if (isset($_POST['submit'])) {
+ // Capture values from HTML form
+ $rentid = $_POST['renterid'];
+ $dept = $_POST['department'];
+ $fback = $_POST['feedback'];
+
+ // Generate a unique Report ID
+ $repid = generateUniqueId($conn);
+
+ // Insert into report table
+ $sql = "INSERT INTO report (Report_ID, Renter_ID, Department, Feedback)
+ VALUES ('$repid', '$rentid', '$dept', '$fback')";
+
+ if (mysqli_query($conn, $sql)) {
+ echo "";
+ echo "";
+ exit();
+ } else {
+ echo "Error: " . mysqli_error($conn);
+ echo "";
+ exit();
+ }
+ mysqli_close($conn); // Close the database connection
+}
+?>
diff --git a/signin.html b/signin.html
new file mode 100644
index 0000000..092d64c
--- /dev/null
+++ b/signin.html
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+
+
+
Sign In | UITM BAZAAR
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/signin.php b/signin.php
new file mode 100644
index 0000000..a08967e
--- /dev/null
+++ b/signin.php
@@ -0,0 +1,29 @@
+alert('Sign In Successfull')";
+ echo "";
+ } else {
+ echo "";
+ echo "";
+ }
+
+ mysqli_close($conn); // Close connection
+}
+?>
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..2e0fdf3
--- /dev/null
+++ b/style.css
@@ -0,0 +1,401 @@
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ text-decoration: none;
+ border: none;
+ outline: none;
+ scroll-behavior: smooth;
+ font-family: "Poppins", sans-serif;
+}
+:root {
+ --bg-color: rgb(15, 15, 15);
+ --second-bg-color: #161616;
+ --text-color: white;
+ --main-color: purple;
+}
+html {
+ font-size: 62.5%;
+ overflow-x: hidden;
+}
+body {
+ background: var(--bg-color);
+ color: var(--text-color);
+}
+.header {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ padding: 3rem 9%;
+ background: rgba(0, 0, 0, 0.7);
+ backdrop-filter: blur(10px);
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ z-index: 100;
+}
+.logo {
+ font-size: 3rem;
+ color: var(--text-color);
+ font-weight: 800;
+ cursor: pointer;
+ transition: 0.3s ease-in-out;
+}
+.logo:hover {
+ transform: scale(1.1);
+}
+.navbar a {
+ font-size: 1.8rem;
+ color: white;
+ margin-left: 4rem;
+ font-weight: 500;
+ transition: 0.3s ease-in-out;
+ border-bottom: 3px solid transparent;
+}
+.navbar a:hover,
+.navbar a.active {
+ color: var(--main-color);
+ border-bottom: 3px solid var(--main-color);
+}
+#menu-icon {
+ font-size: 3rem;
+ color: var(--main-color);
+ display: none;
+}
+section {
+ min-height: 100vh;
+ padding: 10rem 9%;
+}
+.home {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ gap: 8rem;
+}
+span {
+ color: var(--main-color);
+}
+.logo span {
+ color: var(--main-color);
+}
+.home-content h1 {
+ font-size: 6rem;
+ font-weight: 700;
+ line-height: 1.3;
+}
+.home-img {
+ margin-top: 30px;
+ border-radius: 50%;
+}
+.home-img img {
+ position: relative;
+ border-radius: 50%;
+ width: 32vw;
+ box-shadow: 0 0 25px var(--main-color);
+ cursor: pointer;
+ transition: 0.4s ease-in-out;
+}
+.home-img img:hover {
+ box-shadow: 0 0 50px var(--main-color), 0 0 100px var(--main-color);
+}
+.home-content p {
+ font-size: 1.8rem;
+ font-weight: 500;
+}
+.social-icons a {
+ display: inline-flex;
+ justify-content: center;
+ align-items: center;
+ width: 4rem;
+ height: 4rem;
+ background: transparent;
+ border: 0.2rem solid var(--main-color);
+ font-size: 2rem;
+ border-radius: 50%;
+ color: var(--main-color);
+ margin: 3rem 1.5rem 3rem 0;
+ transition: 0.3s ease-in-out;
+}
+.social-icons a:hover {
+ color: white;
+ transform: scale(1.3) translateY(-5px);
+ background-color: var(--main-color);
+ box-shadow: 0 0 25px var(--main-color);
+}
+.btn {
+ display: inline-block;
+ padding: 1rem 2.8rem;
+ background: var(--bg-color);
+ border-radius: 4rem;
+ font-size: 1.6rem;
+ color: var(--main-color);
+ border: 2px solid var(--main-color);
+ letter-spacing: 0.1rem;
+ font-weight: 600;
+ transition: 0.3s ease-in-out;
+ cursor: pointer;
+}
+.btn:hover {
+ transform: scale(1.05);
+ background: var(--main-color);
+ color: var(--text-color);
+ border: 2px solid var(--main-color);
+ box-shadow: 0 0 25px var(--main-color);
+}
+.heading {
+ text-align: center;
+ font-size: 8rem;
+}
+.services {
+ background-color: var(--second-bg-color);
+}
+.services h2 {
+ font-size: 40px;
+ margin-bottom: 3rem;
+}
+.service-container {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-wrap: wrap;
+ gap: 2rem;
+}
+.services-box h3 {
+ font-size: 2.6rem;
+}
+.services-box p {
+ font-size: 1.6rem;
+ margin: 1rem 0 3rem;
+ font-weight: 500;
+}
+.services-box .btn {
+ background-color: transparent;
+}
+.services-box .btn:hover {
+ color: var(--main-color);
+ background-color: black;
+}
+.boxes {
+ width: 100%;
+ max-width: 900px;
+ height: 500px;
+ display: flex;
+ justify-content: center;
+ align-items: stretch;
+ gap: 1.25rem;
+ transition: all 400ms;
+}
+.card {
+ margin-top: 100px;
+ background-color: transparent;
+ flex: 1;
+ height: 70%;
+ transition: all 400ms;
+ cursor: pointer;
+}
+.card img {
+ height: 100%;
+ width: 100%;
+}
+.card h2 {
+ text-align: center;
+}
+.card:nth-child(odd) {
+ translate: 0 -20px;
+}
+.card:nth-child(even) {
+ translate: 0;
+}
+.card:hover {
+ flex: 3;
+ filter: grayscale(100%);
+}
+::-webkit-scrollbar {
+ width: 15px;
+}
+::-webkit-scrollbar-thumb {
+ background-color: var(--main-color);
+}
+::webkit-scrollbar-track {
+ background-color: var(--bg-color);
+ width: 50px;
+}
+.footer {
+ position: relative;
+ bottom: 0;
+ width: 100%;
+ padding: 40px 0;
+ background-color: black;
+}
+.footer .social {
+ text-align: center;
+ padding-bottom: 25px;
+ color: white;
+}
+.footer .social a {
+ font-size: 25px;
+ color: var(--main-color);
+ width: 42px;
+ height: 42px;
+ border: 2px solid var(--main-color);
+ line-height: 42px;
+ display: inline-block;
+ text-align: center;
+ border-radius: 50%;
+ margin: 0 10px;
+ transition: 0.3s ease-in-out;
+}
+.footer .social a:hover {
+ transform: scale(1.2) translateY(-10px);
+ background-color: var(--main-color);
+ color: var(--text-color);
+ box-shadow: 0 0 25px var(--main-color);
+}
+.footer ul {
+ margin-top: 0;
+ padding: 0;
+ font-size: 18px;
+ line-height: 1.6;
+ margin-bottom: 0;
+ text-align: center;
+}
+.footer ul li a {
+ color: white;
+ border-bottom: 3px solid transparent;
+ transition: 0.3s ease-in-out;
+}
+.footer ul li a:hover {
+ border-bottom: 3px solid var(--main-color);
+}
+.footer ul li {
+ display: inline-block;
+ padding: 0 15px;
+}
+.footer .copyright {
+ margin-top: 50px;
+ text-align: center;
+ font-size: 15px;
+ color: white;
+}
+.popup {
+ display: none;
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ background-color: var(--second-bg-color);
+ padding: 3rem 1.8rem;
+ transform: translate(-50%, -50%);
+ border-radius: 4rem;
+ font-size: 1.6rem;
+ color: var(--main-color);
+ border: 2px solid var(--main-color);
+ letter-spacing: 0.1rem;
+ font-weight: 600;
+ z-index: 9999;
+}
+.popup h2 {
+ text-align: center;
+}
+.popup p {
+ text-align: center;
+}
+.popup img {
+ width: 4rem;
+ height: 4rem;
+ margin-top: -50px;
+ border-radius: 50%;
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+}
+.btns {
+ display: inline-block;
+ padding: 1rem 2.8rem;
+ background: var(--bg-color);
+ border-radius: 4rem;
+ font-size: 1.6rem;
+ color: var(--main-color);
+ border: 2px solid var(--main-color);
+ letter-spacing: 0.1rem;
+ font-weight: 600;
+ transition: 0.3s ease-in-out;
+ cursor: pointer;
+}
+.btns:hover {
+ transform: scale(1.05);
+ background: var(--main-color);
+ color: var(--text-color);
+ border: 2px solid var(--main-color);
+ box-shadow: 0 0 25px var(--main-color);
+}
+.container {
+ width: 100%;
+ padding: 2rem;
+}
+.slider-wrapper {
+ width: 100%;
+ background: var(--bg-color);
+ overflow: hidden;
+}
+.slider {
+ display: flex;
+ aspect-ratio: 16 / 8;
+ overflow-x: auto;
+ scroll-snap-type: x mandatory;
+ scroll-behavior: smooth;
+ box-shadow: 0 1.5rem 3rem -0.75rem hsla(0, 0%, 0%, 0.25);
+ border-radius: 0rem;
+ -ms-overflow-style: none; /* Hide scrollbar IE and Edge */
+ scrollbar-width: none; /* Hide scrollbar Firefox */
+}
+.slider::-webkit-scrollbar {
+ display: none; /* Hide scrollbar Chrome, Safari and Opera */
+}
+.slider section {
+ scroll-snap-align: start;
+ flex: 1 0 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.slider-nav {
+ display: flex;
+ column-gap: 1rem;
+ position: absolute;
+ bottom: 1.25rem;
+ left: 50%;
+ transform: translateX(-50%);
+ z-index: 1;
+}
+.slider-nav a {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background-color: #fff;
+ opacity: 0.75;
+ transition: opacity ease 250ms;
+}
+.slider-nav a:hover {
+ opacity: 1;
+}
+.nav-arrow {
+ position: absolute;
+ top: 50%;
+ width: 4rem;
+ height: 4rem;
+ background-color: rgba(0, 0, 0, 0.5);
+ color: white;
+ font-size: 2rem;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ cursor: pointer;
+ z-index: 10;
+ border-radius: 50%;
+ transform: translateY(-50%);
+}
+.nav-arrow.left {
+ left: 1rem;
+}
+.nav-arrow.right {
+ right: 1rem;
+}
\ No newline at end of file
diff --git a/style2.css b/style2.css
new file mode 100644
index 0000000..940e517
--- /dev/null
+++ b/style2.css
@@ -0,0 +1,125 @@
+/* Importing Google font - Poppins */
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family: "Poppins", sans-serif;
+}
+
+body {
+ height: 100vh;
+ width: 100%;
+ background-image: url("images/hero-bg.jpg");
+ background-position: center;
+ background-size: cover;
+}
+
+.sidebar {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100px;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ background: black; /* Change background color to semi-transparent black */
+ z-index: 101; /* Ensure the sidebar appears in front of other elements */
+ transition: width 0.3s ease;
+}
+
+.sidebar:hover {
+ width: 260px;
+}
+
+.sidebar .logo {
+ color: #fff; /* Change logo color to white */
+ display: flex;
+ align-items: center;
+ padding: 25px 10px 15px;
+}
+
+.logo img {
+ width: 43px;
+ border-radius: 50%;
+}
+
+.logo h2 {
+ font-size: 2rem;
+ font-weight: 600;
+ margin-left: 15px;
+ display: none;
+}
+
+.sidebar:hover .logo h2 {
+ display: block;
+}
+
+.sidebar .links {
+ list-style: none;
+ margin-top: 20px;
+ overflow-y: auto;
+ scrollbar-width: none;
+ height: calc(100% - 140px);
+}
+
+.sidebar .links::-webkit-scrollbar {
+ display: none;
+}
+
+.links li {
+ display: flex;
+ border-radius: 4px;
+ align-items: center;
+}
+
+.links li:hover {
+ cursor: pointer;
+ background: purple;
+}
+
+.links h4 {
+ color: #fff; /* Change heading color to white */
+ font-size: 20px;
+ display: none;
+ margin-bottom: 10px;
+}
+
+.sidebar:hover .links h4 {
+ display: block;
+}
+
+.links hr {
+ margin: 10px 8px;
+ border: 1px solid #fff; /* Change HR color to white */
+}
+
+.sidebar:hover .links hr {
+ border-color: transparent;
+}
+
+.links li span i{
+ font-size: 30px;
+ padding: 12px 10px;
+ color: #fff; /* Change icon color to white */
+}
+.links li span img{
+ position: center;
+ border-radius: 50%;
+ width: 40px;
+}
+
+.links li a {
+ padding: 10px;
+ color: #fff; /* Change link color to white */
+ display: none;
+ font-size: 15px;
+ white-space: nowrap;
+ text-decoration: none;
+}
+
+.sidebar:hover .links li a {
+ display: block;
+}
diff --git a/viewFeedback.php b/viewFeedback.php
new file mode 100644
index 0000000..8ffcb08
--- /dev/null
+++ b/viewFeedback.php
@@ -0,0 +1,233 @@
+query($deleteSql) === TRUE) {
+ echo "";
+ echo "";
+ exit();
+ } else {
+ echo "";
+ echo "";
+ exit();
+ }
+}
+?>
+
+
+
+
+
Feedback | UITM BAZAAR
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ FEEDBACK LIST
+
+
+
+
+
+
+ Search
+
+
+
+
+
+
+ Report ID
+ Renter ID
+ Department
+ Feedback
+ Action
+
+ connect_error) {
+ die("Connection failed: " . $conn->connect_error);
+ }
+
+ $search = isset($_GET['search']) ? $conn->real_escape_string($_GET['search']) : '';
+ $sql = "SELECT Report_ID, Renter_ID, Department, Feedback FROM report";
+ if ($search) {
+ $sql .= " WHERE Department LIKE '%$search%'";
+ }
+
+ $result = $conn->query($sql);
+
+ if ($result->num_rows > 0) {
+ while ($row = $result->fetch_assoc()) {
+ echo "";
+ echo "" . $row["Report_ID"] . " ";
+ echo "" . $row["Renter_ID"] . " ";
+ echo "" . $row["Department"] . " ";
+ echo "" . $row["Feedback"] . " ";
+ echo "
+
+
+ Delete
+
+ ";
+ echo " ";
+ }
+ } else {
+ echo "No results found ";
+ }
+
+ $conn->close();
+ ?>
+
+
+
+
+
+
+
diff --git a/viewFeedback2.php b/viewFeedback2.php
new file mode 100644
index 0000000..c92f069
--- /dev/null
+++ b/viewFeedback2.php
@@ -0,0 +1,26 @@
+Data has been saved";
+
+ mysqli_close($conn); //data security purposes
+ }
+?>
\ No newline at end of file
diff --git a/viewReceipt.php b/viewReceipt.php
new file mode 100644
index 0000000..9fb6b47
--- /dev/null
+++ b/viewReceipt.php
@@ -0,0 +1,286 @@
+close();
+?>
+
+
+
+
+
+
+
+
+
Receipt | UITM BAZAAR
+
+
+
+
+
+
+
+
+
+
+ Transaction No:
+
+
+
+ Renter ID:
+
+
+
+ Order ID:
+
+
+
+ Pay Type:
+
+
+
+ Rent Date:
+
+
+
+ Pay Date:
+
+
+
+ Place Number:
+
+
+
+
+
+
+ Item
+ Description
+ Quantity
+ Price
+ Total
+
+
+
+
+ Place Rental
+ Rental of place number
+ 1
+ RM
+ RM
+
+
+
+
+ Print
+ Next
+
+
+
+
+
+
+