AgriPilot/workforce.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Workforce Management | AgriPilot System</title>
<meta name="description" content="Manage employee records, attendance, payroll, leave, tasks and GPS check-in for your farm workforce.">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://www.agripilotsystem.com/{PATH}">
<meta property="og:title" content="Workforce Management | AgriPilot System">
<meta property="og:description" content="Manage employee records, attendance, payroll, leave, tasks and GPS check-in for your farm workforce.">
<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 active"><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>Workforce Management</h1></div>
  <div class="page-actions"><button class="btn btn-outline btn-sm">⬇ Export</button><button class="btn btn-primary btn-sm">+ Add Employee</button></div>
</div>

<div class="grid grid-4">
  <div class="kpi-card"><div class="kpi-value">24</div><div class="kpi-label">Active Employees</div></div>
  <div class="kpi-card"><div class="kpi-value">96%</div><div class="kpi-label">Attendance Rate (Month)</div></div>
  <div class="kpi-card"><div class="kpi-value">3</div><div class="kpi-label">On Leave Today</div></div>
  <div class="kpi-card"><div class="kpi-value">₦1.42M</div><div class="kpi-label">Payroll This Month</div></div>
</div>

<div class="grid grid-2 mt-24" style="grid-template-columns:1.4fr 1fr;">
  <div class="panel">
    <div class="panel-head"><h3>Task Board</h3></div>
    <div class="kanban">
      <div class="kanban-col"><h4>To Do <span>4</span></h4>
        <div class="kanban-card">Vaccinate poultry Coop 3</div>
        <div class="kanban-card">Repair Paddock C fencing</div>
      </div>
      <div class="kanban-col"><h4>In Progress <span>3</span></h4>
        <div class="kanban-card">Weigh-in Batch B4 broilers</div>
        <div class="kanban-card">Feed stock audit</div>
      </div>
      <div class="kanban-col"><h4>Done <span>6</span></h4>
        <div class="kanban-card">Milk collection — morning</div>
        <div class="kanban-card">Water quality check — Pond 2</div>
      </div>
    </div>
  </div>
  <div class="panel">
    <div class="panel-head"><h3>GPS Attendance — Today</h3></div>
    <ul class="doc-list">
      <li><span>Bola Fashina</span><span class="badge badge-success">Checked In 6:42am</span></li>
      <li><span>Dr. Ade Okafor</span><span class="badge badge-success">Checked In 7:10am</span></li>
      <li><span>Chinwe Obi</span><span class="badge badge-warning">On Leave</span></li>
      <li><span>Tunde Bassey</span><span class="badge badge-success">Checked In 6:58am</span></li>
    </ul>
  </div>
</div>

<div class="panel mt-24">
  <div class="panel-head"><h3>Employee Records</h3></div>
  <div class="table-wrap"><table>
    <thead><tr><th>Name</th><th>Role</th><th>Department</th><th>Attendance</th><th>Performance</th></tr></thead>
    <tbody>
      <tr><td>Bola Fashina</td><td>Farm Manager</td><td>Management</td><td>98%</td><td><span class="badge badge-success">Excellent</span></td></tr>
      <tr><td>Dr. Ade Okafor</td><td>Veterinarian</td><td>Health</td><td>100%</td><td><span class="badge badge-success">Excellent</span></td></tr>
      <tr><td>Chinwe Obi</td><td>Feed Manager</td><td>Operations</td><td>89%</td><td><span class="badge badge-info">Good</span></td></tr>
      <tr><td>Tunde Bassey</td><td>Breeding Officer</td><td>Livestock</td><td>95%</td><td><span class="badge badge-success">Excellent</span></td></tr>
    </tbody>
  </table></div>
</div>

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

</body>
</html>