All materials
shipments.html
htmlshipments.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 - Shipments</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">Inventory</a>
<a href="/orders">Orders</a>
<a href="/shipments" class="active">Shipments</a>
</span>
<span class="nav-user">{{ company }} | <a href="/logout">Sign Out</a></span>
</nav>
<div class="content">
<h2>Shipment Tracking</h2>
{% if shipments %}
<table class="data-table">
<thead>
<tr>
<th>Shipment #</th>
<th>Product</th>
<th>Quantity (L)</th>
<th>Tracking</th>
<th>Carrier</th>
<th>Status</th>
</tr>
</thead>
<tbody>
{% for s in shipments %}
<tr>
<td>{{ s[0] }}</td>
<td>{{ s[1] }}</td>
<td>{{ s[2] }}</td>
<td>{{ s[3] }}</td>
<td>{{ s[4] }}</td>
<td><span class="status-{{ s[5] }}">{{ s[5] }}</span></td>
</tr>
{% endfor %}
</tbody>
</table>
{% else %}
<p>No shipments yet.</p>
{% endif %}
</div>
</body>
</html>