feat: add delete event button

app/Views/home/home.php

@@ -145,6 +145,23 @@
             // Trigger the debounceSearch function when the sorting option changes
             debounceSearch();
         });
+
+        // Function to show delete confirmation dialog
+        function showConfirmationDialog(eventId) {
+            if (confirm("Are you sure you want to delete this event?")) {
+                // If the user confirms, submit the corresponding form
+                document.getElementById("deleteEventForm" + eventId).submit();
+            }
+        }
+
+        // Attach the confirmation dialog to all buttons with the class "confirmDeleteBtn"
+        const deleteButtons = document.querySelectorAll(".confirmDeleteBtn");
+        deleteButtons.forEach(button => {
+            button.addEventListener("click", function() {
+                const eventId = this.getAttribute("data-eventid");
+                showConfirmationDialog(eventId);
+            });
+        });
     </script>
 
 </body>

app/Views/template/event.php

@@ -8,17 +8,24 @@
             <p><strong>Ticket Price:</strong> <?php echo $event['event_price']; ?></p>
             <p><strong>Tickets Left:</strong> <?php echo $event['event_stock']; ?></p>
         </div>
-        <form id="viewEventForm" method="post" action="/app/router.php?ticketAction=getTicket">
+        <form id="viewEventForm" method="get" action="/app/router.php">
             <input type="hidden" name="eventId" value="<?php echo $event['event_id']; ?>"> 
             <?php if (!$isAdmin) : ?>
-                <button type="submit" id="buyTicket">Buy Ticket</button>
+                <button type="submit" name="ticketAction" value="getTicket">Buy Ticket</button>
             <?php endif; ?>
         </form>
-        <form id="viewEventForm" method="get" action="../event/update.php">
-            <input type="hidden" name="id" value="<?php echo $event['event_id']; ?>">
-            <?php if ($isAdmin) : ?>
+        <?php if ($isAdmin) : ?>
+        <div class="colummn">
+            <form id="viewEventForm" method="get" action="../event/update.php">
+                <input type="hidden" name="id" value="<?php echo $event['event_id']; ?>">
                 <button type="submit" id="updateEvent">Update Event</button>
-            <?php endif; ?>
-        </form>
+            </form>
+            <form id="deleteEventForm<?php echo $event['event_id']; ?>" method="post" action="/app/router.php">
+                <input type="hidden" name="eventId" value="<?php echo $event['event_id']; ?>">
+                <input type="hidden" name="eventAction" value="deleteEvent">
+                <button type="button" class="confirmDeleteBtn" data-eventid="<?php echo $event['event_id']; ?>">Delete Event</button>
+            </form>
+        </div>
+        <?php endif; ?>
     </div>
 </div>
\ No newline at end of file