Added functionality to all pages

frontend/htmx/contents/dash/inventory.html

@@ -1,24 +1,49 @@
 {{ define "content" }}
-<h1>Inventory</h1>
-
-<div class="action-bar">
-    <input
-            type="search"
-            name="q"
-            class="search-input"
-            placeholder="Search..."
-            hx-get="/api/item/search"
-            hx-trigger="keyup changed delay:300ms"
-            hx-target="#items"
-    >
+<div class="page-header action-bar">
+    <h1>Inventory</h1>
+    <button class="btn btn-primary" style="width: auto; padding: 0.6rem 1.2rem; font-size: 0.95rem;" onclick="openItemModal()">
+        Add Item
+    </button>
 </div>
 
 <div class="table-container">
-    <div
-            id="items"
-            hx-get="/api/item"
-            hx-trigger="load"
-    >
+    <table>
+        <thead>
+        <tr>
+            <th>Name</th>
+            <th>Category</th>
+            <th>Total Quantity</th>
+            <th style="text-align: right;">Actions</th>
+        </tr>
+        </thead>
+        <tbody id="items-table-body">
+        <tr><td colspan="4" class="table-loader">Loading inventory...</td></tr>
+        </tbody>
+    </table>
+</div>
+
+<div id="item-modal" class="modal">
+    <div class="modal-content">
+        <h2 id="item-modal-title">New Item</h2>
+        <form id="item-form" onsubmit="saveItem(event)">
+            <input type="hidden" id="item-id">
+            <div class="form-group">
+                <input type="text" id="item-name" placeholder="Item Name" required>
+            </div>
+            <div class="form-group">
+                <input type="text" id="item-category" placeholder="Category" required>
+            </div>
+            <div class="form-group">
+                <input type="text" id="item-desc" placeholder="Description">
+            </div>
+            <div class="form-group">
+                <input type="number" id="item-qty" placeholder="Total Quantity" required>
+            </div>
+            <div class="button-group">
+                <button type="submit" class="btn btn-primary">Save Item</button>
+                <button type="button" class="btn btn-secondary" onclick="closeModal('item-modal')">Cancel</button>
+            </div>
+        </form>
     </div>
 </div>
 {{ end }}