49 lines
1.7 KiB
HTML
49 lines
1.7 KiB
HTML
{{ define "content" }}
|
|
<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">
|
|
<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 }} |