delete listing

templates/dashboard.html

@@ -2,6 +2,23 @@
 {% block title %}Dashboard{% endblock %}
 
 {% block content %}
+<script>
+    function confirmDelete(listingId) {
+        if (confirm("Are you sure you want to delete this listing?")) {
+            fetch(`/delete-listing/${listingId}`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/x-www-form-urlencoded'
+                }
+            }).then(response => {
+                if (response.ok) {
+                    window.location.reload();
+                }
+            });
+        }
+    }
+</script>
+
 <div class="container mt-4">
     <h1 class="text-center">Host Dashboard</h1>
     <div class="mt-4">
@@ -26,7 +43,7 @@
                             <td>{{ listing.property_type }}</td>
                             <td>
                                 <a href="/edit-listing/{{ listing.id }}" class="btn btn-warning btn-sm">Edit</a>
-                                <a href="/delete-listing/{{ listing.id }}" class="btn btn-danger btn-sm">Delete</a>
+                                <button onclick="confirmDelete({{ listing.id }})" class="btn btn-danger btn-sm">Delete</button>
                             </td>
                         </tr>
                     {% endfor %}