AgriPilot/feed.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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Feed Management | AgriPilot System</title>
<meta name="description" content="AI-powered feed management: formulation, daily calculators, feed conversion ratio, inventory and cost forecasting.">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://www.agripilotsystem.com/{PATH}">
<meta property="og:title" content="Feed Management | AgriPilot System">
<meta property="og:description" content="AI-powered feed management: formulation, daily calculators, feed conversion ratio, inventory and cost forecasting.">
<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 active"><span class="ic">🌾</span>Feed Management</a>
<a href="inventory.html" class="side-link"><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>Feed Management</h1></div>
  <div class="page-actions"><button class="btn btn-outline btn-sm">⬇ Export</button><button class="btn btn-primary btn-sm">+ Record Feed Purchase</button></div>
</div>

<div class="grid grid-4">
  <div class="kpi-card"><div class="kpi-icon" style="background:var(--c-primary-light);color:var(--c-primary);">🌾</div><div class="kpi-value">18.4t</div><div class="kpi-label">Feed Inventory</div></div>
  <div class="kpi-card"><div class="kpi-icon" style="background:var(--c-secondary-light);color:var(--c-secondary);">📉</div><div class="kpi-value">1.72</div><div class="kpi-label">Avg. Feed Conversion Ratio</div></div>
  <div class="kpi-card"><div class="kpi-icon" style="background:#FFF3E0;color:var(--c-warning);">💸</div><div class="kpi-value">₦412/kg</div><div class="kpi-label">Blended Feed Cost</div></div>
  <div class="kpi-card"><div class="kpi-icon" style="background:#FCE7E6;color:var(--c-error);">🗑️</div><div class="kpi-value">6.1%</div><div class="kpi-label">Feed Waste Rate</div></div>
</div>

<div class="tabs mt-24">
  <button class="tab-btn active" data-tab="calc">Daily Feed Calculator</button>
  <button class="tab-btn" data-tab="formula">Feed Formulation</button>
  <button class="tab-btn" data-tab="inv">Inventory</button>
  <button class="tab-btn" data-tab="ai">AI Predictions</button>
</div>

<div data-tab-panel="calc">
  <div class="panel">
    <div class="panel-head"><h3>Daily Feed Calculator</h3></div>
    <form data-demo-form data-success="Daily ration calculated and logged.">
      <div class="field-row">
        <div class="field"><label>Species / Batch</label><select><option>Broiler — Batch B4</option><option>Layer — Coop 2</option><option>Cattle — Paddock A</option><option>Goat — Herd C</option></select></div>
        <div class="field"><label>Number of Animals</label><input type="number" value="180" required></div>
      </div>
      <div class="field-row">
        <div class="field"><label>Average Body Weight (kg)</label><input type="number" value="1.8" step="0.1" required></div>
        <div class="field"><label>Growth Stage</label><select><option>Starter</option><option>Grower</option><option>Finisher</option><option>Lactating</option></select></div>
      </div>
      <button type="submit" class="btn btn-primary">Calculate Ration</button>
    </form>
    <div class="panel mt-16" style="background:var(--c-primary-light);border:none;">
      <strong>Recommended Daily Ration:</strong> 126 kg total (0.70 kg/bird) &middot; Protein 20% &middot; Estimated cost ₦51,912/day
    </div>
  </div>
</div>

<div data-tab-panel="formula" style="display:none;">
  <div class="panel">
    <div class="panel-head"><h3>AI Feed Formulation</h3></div>
    <div class="table-wrap"><table>
      <thead><tr><th>Ingredient</th><th>Inclusion %</th><th>Cost/kg</th><th>Protein Contribution</th></tr></thead>
      <tbody>
        <tr><td>Maize</td><td>48%</td><td>₦380</td><td>4.3%</td></tr>
        <tr><td>Soybean Meal</td><td>22%</td><td>₦620</td><td>9.9%</td></tr>
        <tr><td>Fish Meal</td><td>6%</td><td>₦910</td><td>4.0%</td></tr>
        <tr><td>Wheat Bran</td><td>15%</td><td>₦290</td><td>2.1%</td></tr>
        <tr><td>Premix &amp; Additives</td><td>3%</td><td>₦1,240</td><td>—</td></tr>
        <tr><td>Cassava Peel Meal</td><td>6%</td><td>₦140</td><td>0.5%</td></tr>
      </tbody>
    </table></div>
  </div>
</div>

<div data-tab-panel="inv" style="display:none;">
  <div class="panel">
    <div class="panel-head"><h3>Feed Inventory</h3></div>
    <div class="table-wrap"><table>
      <thead><tr><th>Feed Type</th><th>Stock</th><th>Reorder Level</th><th>Supplier</th><th>Status</th></tr></thead>
      <tbody>
        <tr><td>Broiler Starter</td><td>3.2t</td><td>1.0t</td><td>Greenfield Agro</td><td><span class="badge badge-success">OK</span></td></tr>
        <tr><td>Layer Mash</td><td>0.8t</td><td>1.0t</td><td>Greenfield Agro</td><td><span class="badge badge-warning">Low Stock</span></td></tr>
        <tr><td>Cattle Silage</td><td>9.6t</td><td>4.0t</td><td>Northern Feeds Co.</td><td><span class="badge badge-success">OK</span></td></tr>
        <tr><td>Fish Pellets</td><td>1.1t</td><td>1.5t</td><td>AquaFeed Ltd</td><td><span class="badge badge-error">Reorder Now</span></td></tr>
      </tbody>
    </table></div>
  </div>
</div>

<div data-tab-panel="ai" style="display:none;">
  <div class="grid grid-2">
    <div class="panel"><div class="panel-head"><h3>Feed Demand Forecast (Next 30 Days)</h3></div><div class="chart-placeholder" data-values="14,15,16,15,17,18,19,18,20,21"></div></div>
    <div class="panel"><div class="panel-head"><h3>AI Cost-Saving Opportunities</h3></div>
      <ul class="feature-list">
        <li>Switch 15% of grower ration to cassava peel meal — save ~₦180,000/month</li>
        <li>Bulk-buy maize from Greenfield Agro — 8% cheaper this month</li>
        <li>Reduce Feeder Zone 2 waste to target — save ~₦140,000/month</li>
      </ul>
    </div>
  </div>
</div>

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

</body>
</html>