diff --git a/apps/static/js/home/index.js b/apps/static/js/home/index.js
index 4ddecd6..f1d25d7 100644
--- a/apps/static/js/home/index.js
+++ b/apps/static/js/home/index.js
@@ -144,3 +144,17 @@ $(document).ready(function() {
     });
 });
 
+async function confirmDeleteModal(title, description, acceptFunc, declineFunc) {
+    let $modal = $("#confirmDeleteModal");
+    $modal.find(".modal-title").text(title);
+    $modal.find(".modal-body > p").html(description);
+    $modal.find(".confirm-delete-btn").off("click").on("click", async function(e) {
+        await acceptFunc()
+        $modal.modal("hide");
+    });
+    $modal.find(".dismiss-delete-btn").off("click").on("click", async function(e) {
+        if (declineFunc) await declineFunc();
+        $modal.modal("hide");
+    });
+    $modal.modal("show");
+}
\ No newline at end of file
diff --git a/apps/templates/home/includes/deletemodal.html b/apps/templates/home/includes/deletemodal.html
new file mode 100644
index 0000000..9867c2a
--- /dev/null
+++ b/apps/templates/home/includes/deletemodal.html
@@ -0,0 +1,16 @@
+<div id="confirmDeleteModal" class="modal fade" data-bs-backdrop="static" tabindex="-1">
+    <div class="modal-dialog modal-dialog-centered">
+        <div class="modal-content rounded-1">
+            <div class="modal-header">
+                <h5 class="modal-title mx-2"></h5>
+            </div>
+            <div class="modal-body">
+                <p class="mx-2"></p>
+            </div>
+            <div class="modal-footer px-4">
+                <button type="button" class="btn btn-danger rounded-1 confirm-delete-btn" tabindex="1">Delete</button>
+                <button type="button" class="btn btn-secondary rounded-1 ms-3 ms-0 dismiss-delete-btn" tabindex="2">Cancel</button>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file