AgriPilot/finance.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Financial Management | AgriPilot System</title>
<meta name="description" content="Manage income, expenses, payroll, cash flow, P&amp;L, assets and AI-driven profit forecasting for your farm.">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://www.agripilotsystem.com/{PATH}">
<meta property="og:title" content="Financial Management | AgriPilot System">
<meta property="og:description" content="Manage income, expenses, payroll, cash flow, P&amp;L, assets and AI-driven profit forecasting for your farm.">
<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"><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 active"><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">BUSINESS</div><h1>Financial Management</h1></div>
  <div class="page-actions"><button class="btn btn-outline btn-sm">⬇ Export P&amp;L</button><button class="btn btn-primary btn-sm">+ Record Transaction</button></div>
</div>

<div class="grid grid-4">
  <div class="kpi-card"><div class="kpi-icon" style="background:#E4F5E5;color:var(--c-success);">📥</div><div class="kpi-value">₦8.42M</div><div class="kpi-label">Revenue (Month)</div></div>
  <div class="kpi-card"><div class="kpi-icon" style="background:#FCE7E6;color:var(--c-error);">📤</div><div class="kpi-value">₦5.59M</div><div class="kpi-label">Expenses (Month)</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">₦2.83M</div><div class="kpi-label">Net Profit</div></div>
  <div class="kpi-card"><div class="kpi-icon" style="background:#FFF3E0;color:var(--c-warning);">🔮</div><div class="kpi-value">₦3.01M</div><div class="kpi-label">AI Profit Forecast (Next Month)</div></div>
</div>

<div class="tabs mt-24">
  <button class="tab-btn active" data-tab="pl">Profit &amp; Loss</button>
  <button class="tab-btn" data-tab="cash">Cash Flow</button>
  <button class="tab-btn" data-tab="payroll">Payroll</button>
  <button class="tab-btn" data-tab="assets">Assets &amp; Loans</button>
</div>

<div data-tab-panel="pl">
  <div class="panel">
    <div class="panel-head"><h3>Profit &amp; Loss Summary</h3></div>
    <div class="table-wrap"><table>
      <thead><tr><th>Category</th><th>This Month</th><th>Last Month</th><th>Change</th></tr></thead>
      <tbody>
        <tr><td>Livestock Sales</td><td>₦6.10M</td><td>₦5.72M</td><td><span class="badge badge-success">+6.6%</span></td></tr>
        <tr><td>Egg &amp; Milk Sales</td><td>₦2.32M</td><td>₦2.18M</td><td><span class="badge badge-success">+6.4%</span></td></tr>
        <tr><td>Feed Cost</td><td>₦3.10M</td><td>₦3.25M</td><td><span class="badge badge-success">-4.6%</span></td></tr>
        <tr><td>Payroll</td><td>₦1.42M</td><td>₦1.42M</td><td><span class="badge badge-neutral">0%</span></td></tr>
        <tr><td>Veterinary &amp; Medicine</td><td>₦0.61M</td><td>₦0.58M</td><td><span class="badge badge-error">+5.2%</span></td></tr>
        <tr><td>Utilities &amp; Other</td><td>₦0.46M</td><td>₦0.49M</td><td><span class="badge badge-success">-6.1%</span></td></tr>
      </tbody>
    </table></div>
  </div>
</div>

<div data-tab-panel="cash" style="display:none;">
  <div class="panel"><div class="panel-head"><h3>Cash Flow — Last 12 Months</h3></div><div class="chart-placeholder" data-values="1.2,1.5,1.1,1.8,2.0,1.7,2.3,2.1,2.6,2.4,2.8,2.83"></div></div>
</div>

<div data-tab-panel="payroll" style="display:none;">
  <div class="panel">
    <div class="panel-head"><h3>Payroll Summary</h3></div>
    <div class="table-wrap"><table>
      <thead><tr><th>Employee</th><th>Role</th><th>Base Salary</th><th>Status</th></tr></thead>
      <tbody>
        <tr><td>Bola Fashina</td><td>Farm Manager</td><td>₦280,000</td><td><span class="badge badge-success">Paid</span></td></tr>
        <tr><td>Dr. Ade Okafor</td><td>Veterinarian</td><td>₦350,000</td><td><span class="badge badge-success">Paid</span></td></tr>
        <tr><td>Chinwe Obi</td><td>Feed Manager</td><td>₦190,000</td><td><span class="badge badge-warning">Pending</span></td></tr>
      </tbody>
    </table></div>
  </div>
</div>

<div data-tab-panel="assets" style="display:none;">
  <div class="panel">
    <div class="panel-head"><h3>Assets, Depreciation &amp; Loans</h3></div>
    <ul class="doc-list">
      <li><span>Tractor — Massey Ferguson 240</span><span class="mono">₦4.2M · Dep. 12%/yr</span></li>
      <li><span>Poultry Housing Block C</span><span class="mono">₦2.8M · Dep. 8%/yr</span></li>
      <li><span>Agribusiness Loan — Bank of Agriculture</span><span class="mono">₦3.0M outstanding</span></li>
    </ul>
  </div>
</div>

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

</body>
</html>