AgriPilot/notifications.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Notifications | AgriPilot System</title>
<meta name="description" content="View SMS, WhatsApp, email and in-app notifications for health, feed, breeding, sales and payment alerts.">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://www.agripilotsystem.com/{PATH}">
<meta property="og:title" content="Notifications | AgriPilot System">
<meta property="og:description" content="View SMS, WhatsApp, email and in-app notifications for health, feed, breeding, sales and payment 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 active"><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"><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">OVERVIEW</div><h1>Notifications</h1></div>
  <div class="page-actions"><button class="btn btn-outline btn-sm">Mark All Read</button></div>
</div>

<div class="tabs">
  <button class="tab-btn active" data-tab="all">All</button>
  <button class="tab-btn" data-tab="health">Health</button>
  <button class="tab-btn" data-tab="feed">Feed</button>
  <button class="tab-btn" data-tab="finance">Finance</button>
</div>

<div data-tab-panel="all" class="panel">
  <div class="alert-item"><span class="alert-dot" style="background:#FCE7E6;color:var(--c-error);">🤒</span><div><strong>Disease alert: AGP-G0231 flagged high risk</strong><p class="mb-0 text-muted">2 minutes ago · Health Monitoring</p></div></div>
  <div class="alert-item"><span class="alert-dot" style="background:#FFF3E0;color:var(--c-warning);">🌾</span><div><strong>Low feed stock: Layer Mash below reorder level</strong><p class="mb-0 text-muted">1 hour ago · Inventory</p></div></div>
  <div class="alert-item"><span class="alert-dot" style="background:var(--c-secondary-light);color:var(--c-secondary);">💉</span><div><strong>Vaccination reminder: 18 animals due this week</strong><p class="mb-0 text-muted">3 hours ago · Health</p></div></div>
  <div class="alert-item"><span class="alert-dot" style="background:#E4F5E5;color:var(--c-success);">🍼</span><div><strong>Birth recorded: AGP-A2291 (Cattle)</strong><p class="mb-0 text-muted">Yesterday · Breeding</p></div></div>
  <div class="alert-item"><span class="alert-dot" style="background:var(--c-primary-light);color:var(--c-primary);">💰</span><div><strong>Payment received: ORD-4471 — ₦480,000</strong><p class="mb-0 text-muted">Yesterday · Sales</p></div></div>
  <div class="alert-item"><span class="alert-dot" style="background:#FFF3E0;color:var(--c-warning);">🤰</span><div><strong>Pregnancy confirmed: AGP-G0118</strong><p class="mb-0 text-muted">2 days ago · Breeding</p></div></div>
</div>
<div data-tab-panel="health" style="display:none;" class="panel">
  <div class="alert-item"><span class="alert-dot" style="background:#FCE7E6;color:var(--c-error);">🤒</span><div><strong>Disease alert: AGP-G0231 flagged high risk</strong><p class="mb-0 text-muted">2 minutes ago</p></div></div>
  <div class="alert-item"><span class="alert-dot" style="background:var(--c-secondary-light);color:var(--c-secondary);">💉</span><div><strong>Vaccination reminder: 18 animals due this week</strong><p class="mb-0 text-muted">3 hours ago</p></div></div>
</div>
<div data-tab-panel="feed" style="display:none;" class="panel">
  <div class="alert-item"><span class="alert-dot" style="background:#FFF3E0;color:var(--c-warning);">🌾</span><div><strong>Low feed stock: Layer Mash below reorder level</strong><p class="mb-0 text-muted">1 hour ago</p></div></div>
</div>
<div data-tab-panel="finance" style="display:none;" class="panel">
  <div class="alert-item"><span class="alert-dot" style="background:var(--c-primary-light);color:var(--c-primary);">💰</span><div><strong>Payment received: ORD-4471 — ₦480,000</strong><p class="mb-0 text-muted">Yesterday</p></div></div>
</div>

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

</body>
</html>