AgriPilot/inventory.html at main · AdaviDigital/AgriPilot · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Inventory Management | AgriPilot System</title>
<meta name="description" content="Manage feed, medicine, vaccine, equipment and consumable inventory with low-stock and expiry alerts.">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://www.agripilotsystem.com/{PATH}">
<meta property="og:title" content="Inventory Management | AgriPilot System">
<meta property="og:description" content="Manage feed, medicine, vaccine, equipment and consumable inventory with low-stock and expiry alerts.">
<meta property="og:type" content="website">
<meta property="og:image" content="images/og-cover.svg">
<meta name="twitter:card" content="summary_large_image">
<link rel="icon" type="image/svg+xml" href="images/favicon.svg">
<link rel="stylesheet" href="css/style.css">

</head>
<body class="">
<div class="app-shell">
<aside class="sidebar">
  <div class="sidebar-brand"><img src="images/logo.svg" alt="AgriPilot" height="30"></div>
  <nav class="sidebar-nav"><div class="nav-group-label">Overview</div><a href="dashboard.html" class="side-link"><span class="ic">📊</span>Dashboard</a>
<a href="notifications.html" class="side-link"><span class="ic">🔔</span>Notifications</a>
<a href="weather.html" class="side-link"><span class="ic">☀️</span>Weather</a>
<a href="farm-map.html" class="side-link"><span class="ic">🗺️</span>Farm Map</a><div class="nav-group-label">Livestock</div><a href="livestock.html" class="side-link"><span class="ic">🐄</span>Livestock Registry</a>
<a href="livestock-profile.html" class="side-link"><span class="ic">🪪</span>Animal Profile</a>
<a href="health.html" class="side-link"><span class="ic">❤️‍🩹</span>AI Health Monitoring</a>
<a href="breeding.html" class="side-link"><span class="ic">🧬</span>Breeding &amp; Reproduction</a>
<a href="growth.html" class="side-link"><span class="ic">📈</span>Growth Monitoring</a>
<a href="production.html" class="side-link"><span class="ic">🥚</span>Production</a><div class="nav-group-label">Operations</div><a href="feed.html" class="side-link"><span class="ic">🌾</span>Feed Management</a>
<a href="inventory.html" class="side-link active"><span class="ic">📦</span>Inventory</a>
<a href="workforce.html" class="side-link"><span class="ic">👷</span>Workforce</a>
<a href="suppliers.html" class="side-link"><span class="ic">🚚</span>Suppliers</a><div class="nav-group-label">Business</div><a href="finance.html" class="side-link"><span class="ic">💰</span>Finance</a>
<a href="sales.html" class="side-link"><span class="ic">🧾</span>Sales &amp; Orders</a>
<a href="reports.html" class="side-link"><span class="ic">📄</span>Reports</a><div class="nav-group-label">Intelligence</div><a href="ai-advisor.html" class="side-link"><span class="ic">🤖</span>AI Farm Advisor</a><div class="nav-group-label">Administration</div><a href="users.html" class="side-link"><span class="ic">🛡️</span>Users &amp; Roles</a>
<a href="settings.html" class="side-link"><span class="ic">⚙️</span>Settings</a></nav>
  <div class="sidebar-foot">AgriPilot System v1.0<br>Ikorodu, Lagos, Nigeria</div>
</aside>
<div>
<header class="topbar">
  <div class="flex items-center gap-16">
    <button class="icon-btn" data-sidebar-toggle aria-label="Toggle menu">☰</button>
    <div class="topbar-search"><span>🔍</span><input type="text" placeholder="Search animals, records, reports..."></div>
  </div>
  <div class="topbar-actions">
    <button class="theme-toggle" data-theme-toggle aria-label="Toggle dark mode">🌙</button>
    <button class="icon-btn" aria-label="Alerts">🔔<span class="dot"></span></button>
    <button class="icon-btn" aria-label="Messages">✉️</button>
    <a href="settings.html" class="user-chip">
      <span class="avatar">JD</span>
      <span class="who"><b>Jide Adavi</b><span>Farm Owner</span></span>
    </a>
  </div>
</header>
<main class="page-wrap">

<div class="page-head">
  <div><div class="breadcrumb">OPERATIONS</div><h1>Inventory Management</h1></div>
  <div class="page-actions"><button class="btn btn-outline btn-sm">⬇ Export</button><button class="btn btn-primary btn-sm">+ Add Item</button></div>
</div>

<div class="grid grid-4">
  <div class="kpi-card"><div class="kpi-value">312</div><div class="kpi-label">Total SKUs</div></div>
  <div class="kpi-card"><div class="kpi-value">14</div><div class="kpi-label">Low Stock Alerts</div></div>
  <div class="kpi-card"><div class="kpi-value">6</div><div class="kpi-label">Expiring in 30 Days</div></div>
  <div class="kpi-card"><div class="kpi-value">₦6.9M</div><div class="kpi-label">Total Inventory Value</div></div>
</div>

<div class="panel mt-24">
  <div class="panel-head"><h3>Inventory Items</h3></div>
  <div class="table-wrap"><table>
    <thead><tr><th>Item</th><th>Category</th><th>Quantity</th><th>Reorder Level</th><th>Expiry</th><th>Status</th></tr></thead>
    <tbody>
      <tr><td>Broiler Starter Feed</td><td>Feed</td><td>3.2t</td><td>1.0t</td><td>—</td><td><span class="badge badge-success">OK</span></td></tr>
      <tr><td>Newcastle Disease Vaccine</td><td>Vaccine</td><td>340 doses</td><td>200 doses</td><td>Sep 2026</td><td><span class="badge badge-success">OK</span></td></tr>
      <tr><td>Oxytetracycline</td><td>Medicine</td><td>18 vials</td><td>25 vials</td><td>Aug 2026</td><td><span class="badge badge-warning">Low Stock</span></td></tr>
      <tr><td>Disinfectant Chemical</td><td>Chemical</td><td>40L</td><td>50L</td><td>Jul 2026</td><td><span class="badge badge-error">Expiring Soon</span></td></tr>
      <tr><td>Smart Weighing Scale</td><td>Equipment</td><td>4 units</td><td>2 units</td><td>—</td><td><span class="badge badge-success">OK</span></td></tr>
      <tr><td>Ear Tags (RFID)</td><td>Consumable</td><td>620</td><td>500</td><td>—</td><td><span class="badge badge-success">OK</span></td></tr>
    </tbody>
  </table></div>
</div>

</main>
</div>
</div>
<script src="js/script.js"></script>

</body>
</html>