All materials
inventory.html
htmlinventory.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kabylie Gold - Inventory</title>
<link rel="stylesheet" href="/static/style.css">
</head>
<body>
<nav class="top-nav">
<span class="nav-brand">Kabylie Gold</span>
<span class="nav-links">
<a href="/inventory" class="active">Inventory</a>
<a href="/orders">Orders</a>
<a href="/shipments">Shipments</a>
</span>
<span class="nav-user">{{ company }} | <a href="/logout">Sign Out</a></span>
</nav>
<div class="content">
<h2>Available Products</h2>
<table class="data-table">
<thead>
<tr>
<th>Product</th>
<th>Variety</th>
<th>Harvest</th>
<th>Price (DZD/L)</th>
<th>Available (L)</th>
<th>Order</th>
</tr>
</thead>
<tbody>
{% for product in products %}
<tr>
<td>{{ product[1] }}</td>
<td>{{ product[2] }}</td>
<td>{{ product[3] }}</td>
<td>{{ product[4] }}</td>
<td>{{ product[5] }}</td>
<td>
<form method="POST" action="/place-order" class="inline-form">
<input type="hidden" name="product_id" value="{{ product[0] }}">
<input type="number" name="quantity" min="1" max="{{ product[5] }}" placeholder="Liters" class="qty-input">
<button type="submit" class="btn-order">Order</button>
</form>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</body>
</html>