Add delete inventory item endpoint and enhance breadcrumb template with save/delete buttons

routes.py

@@ -345,6 +345,23 @@ def update_inventory_item(id):
         db.session.rollback()
         return jsonify({"success": False, "error": str(e)}), 400
     
+@main.route("/api/inventory/<int:id>", methods=["DELETE"])
+def delete_inventory_item(id):
+    try:
+        item = db.session.query(Inventory).get(id)
+
+        if not item:
+            return jsonify({"success": False, "error": f"Item with ID {id} not found"}), 404
+        
+        db.session.delete(item)
+        db.session.commit()
+
+        return jsonify({"success": True}), 200
+    
+    except Exception as e:
+        db.session.rollback()
+        return jsonify({"success": False, "error": str(e)}), 400
+
 @main.route("/users")
 def list_users():
     query = eager_load_user_relationships(db.session.query(User)).order_by(User.last_name, User.first_name)

templates/fragments/_breadcrumb_fragment.html

@@ -1,6 +1,6 @@
 {% import "fragments/_icon_fragment.html" as icons %}
 
-{% macro breadcrumb_header(breadcrumbs=[], title=None, submit_button=False) %}
+{% macro breadcrumb_header(breadcrumbs=[], title=None, save_button=False, delete_button=False) %}
     <!-- Breadcrumb Fragment -->
 
     <nav class="row d-flex mb-3 justify-content-between">
@@ -25,9 +25,16 @@
                 {% endif %}
             </ol>
         </div>
-        {% if submit_button %}
+        {% if save_button or delete_button %}
             <div class="col text-end">
-            <button type="submit" class="btn btn-primary" id="saveButton">Save</button>
+                <div class="btn-group">
+                    {% if save_button %}
+                        <button type="submit" class="btn btn-primary" id="saveButton">{{ icons.render_icon('floppy', 16) }}</button>
+                    {% endif %}
+                    {% if delete_button %}
+                        <button type="submit" class="btn btn-danger" id="deleteButton">{{ icons.render_icon('trash', 16) }}</button>
+                    {% endif %}
+                </div>
             </div>
         {% endif %}
     </nav>

templates/inventory.html

@@ -5,11 +5,13 @@
 
 {% block content %}
 {{ breadcrumbs.breadcrumb_header(
-breadcrumbs=[
+    breadcrumbs=[
-{'label': "Inventory", 'url': url_for('main.list_inventory')}
+        {'label': "Inventory", 'url': url_for('main.list_inventory')}
-],
+    ],
-title=title,
+    title=title,
-submit_button=True) }}
+    save_button=True,
+    delete_button= item.id != None 
+) }}
 
 <input type="hidden" id="inventoryId" value="{{ item.id }}">
 <div class="container">
@@ -129,7 +131,9 @@ submit_button=True) }}
 
 {% block script %}
     document.addEventListener("DOMContentLoaded", () => {
-        const submitButton = document.getElementById("saveButton");
+        const saveButton = document.getElementById("saveButton");
+        const deleteButton = document.getElementById("deleteButton");
+
         const toastData = localStorage.getItem("toastMessage");
         if (toastData) {
             const { message, type } = JSON.parse(toastData);
@@ -137,8 +141,8 @@ submit_button=True) }}
             localStorage.removeItem("toastMessage");
         }
 
-        if (submitButton) {
+        if (saveButton) {
-            submitButton.addEventListener("click", async (e) => {
+            saveButton.addEventListener("click", async (e) => {
                 e.preventDefault();
 
                 const payload = {
@@ -188,5 +192,41 @@ submit_button=True) }}
                 }
             });
         }
+
+        if (deleteButton) {
+            deleteButton.addEventListener("click", async () => {
+                const id = document.querySelector("#inventoryId").value;
+
+                if (!id || id === "None") {
+                    renderToast({ message: "No item ID found to delete." });
+                    return;
+                }
+
+                if(!confirm("Are you sure you want to delete this inventory item? This action cannot be undone.")) {
+                    return;
+                }
+
+                try {
+                    const response = await fetch(`/api/inventory/${id}`, {
+                        method: "DELETE"
+                    });
+
+                    const result = await response.json();
+
+                    if (result.success) {
+                        localStorage.setItem("toastMessage", JSON.stringify({
+                            message: "Inventory item deleted.",
+                            type: "success"
+                        }));
+
+                        window.location.href = "/inventory";
+                    } else {
+                        renderToast({ message: `Error: ${result.error}`, type: "danger" });
+                    }
+                } catch (err) {
+                    renderToast({ message: `Error: ${result.error}`, type: "danger" });
+                }
+            });
+        }
     });
 {% endblock %}