-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsettings.html
More file actions
122 lines (113 loc) · 7.14 KB
/
Copy pathsettings.html
File metadata and controls
122 lines (113 loc) · 7.14 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Settings | AgriPilot System</title>
<meta name="description" content="Manage your AgriPilot System profile, security, notifications, billing and system preferences.">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://www.agripilotsystem.com/{PATH}">
<meta property="og:title" content="Settings | AgriPilot System">
<meta property="og:description" content="Manage your AgriPilot System profile, security, notifications, billing and system preferences.">
<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 & 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 & 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 & Roles</a>
<a href="settings.html" class="side-link active"><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">ADMINISTRATION</div><h1>Settings</h1></div></div>
<div class="tabs">
<button class="tab-btn active" data-tab="profile">Profile</button>
<button class="tab-btn" data-tab="security">Security</button>
<button class="tab-btn" data-tab="notif">Notifications</button>
<button class="tab-btn" data-tab="billing">Billing</button>
<button class="tab-btn" data-tab="system">System</button>
</div>
<div data-tab-panel="profile">
<div class="panel">
<div class="panel-head"><h3>Profile Information</h3></div>
<form data-demo-form data-success="Profile updated.">
<div class="field-row"><div class="field"><label>First Name</label><input type="text" value="Jide"></div><div class="field"><label>Last Name</label><input type="text" value="Adavi"></div></div>
<div class="field"><label>Email</label><input type="email" value="jide@agripilot.demo"></div>
<div class="field"><label>Farm Name</label><input type="text" value="Green Valley Farm"></div>
<button class="btn btn-primary" type="submit">Save Changes</button>
</form>
</div>
</div>
<div data-tab-panel="security" style="display:none;">
<div class="panel">
<div class="panel-head"><h3>Security</h3></div>
<div class="checkbox-row mt-8"><input type="checkbox" checked id="mfa"><label for="mfa">Two-Factor Authentication (MFA)</label></div>
<div class="checkbox-row mt-8"><input type="checkbox" checked id="emailverif"><label for="emailverif">Require email verification for new logins</label></div>
<div class="checkbox-row mt-8"><input type="checkbox" id="multidevice"><label for="multidevice">Allow multi-device sessions</label></div>
<button class="btn btn-outline mt-16">Change Password</button>
</div>
</div>
<div data-tab-panel="notif" style="display:none;">
<div class="panel">
<div class="panel-head"><h3>Notification Preferences</h3></div>
<div class="checkbox-row mt-8"><input type="checkbox" checked id="sms"><label for="sms">SMS Alerts</label></div>
<div class="checkbox-row mt-8"><input type="checkbox" checked id="wa"><label for="wa">WhatsApp Alerts</label></div>
<div class="checkbox-row mt-8"><input type="checkbox" checked id="email2"><label for="email2">Email Digest</label></div>
<div class="checkbox-row mt-8"><input type="checkbox" id="push"><label for="push">Push Notifications</label></div>
</div>
</div>
<div data-tab-panel="billing" style="display:none;">
<div class="panel">
<div class="panel-head"><h3>Subscription</h3></div>
<p>Current Plan: <strong>Growth</strong> — ₦45,000/month · Renews Aug 1, 2026</p>
<button class="btn btn-outline">Manage Billing</button>
</div>
</div>
<div data-tab-panel="system" style="display:none;">
<div class="panel">
<div class="panel-head"><h3>System</h3></div>
<div class="field"><label>Database</label><select><option>PostgreSQL (Primary)</option><option>MySQL</option><option>MongoDB</option></select></div>
<div class="field"><label>Theme</label><select><option>Light</option><option>Dark</option><option>System Default</option></select></div>
<button class="btn btn-outline">Download Backup</button>
</div>
</div>
</main>
</div>
</div>
<script src="js/script.js"></script>
</body>
</html>