+
+
-
-
+
+
+
-
-
+
+
+
+
+ Dashboard
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- % verification rate
-
-
-
-
-
-
-
-
-
-
-
-
-
Loading recent vendors...
-
-
-
-
-
🏪
-
No Vendors Yet
-
Create your first vendor to get started
-
-
-
-
-
-
-
-
- | Vendor Code |
- Name |
- Subdomain |
- Status |
- Created |
-
-
-
-
-
- |
- |
- |
-
-
-
- |
- |
+
+
+
+
+
+
+ | Vendor |
+ Status |
+ Created |
+ Actions |
-
-
-
-
-
-
+
+
+ |
+ No vendors yet. Create your first vendor
+ |
+
+
-
-
-
+
+
-
-
-
-
Loading recent imports...
-
-
-
-
-
📦
-
No Import Jobs Yet
-
Import jobs will appear here once vendors start importing products
-
-
-
-
-
-
-
- | ID |
- Marketplace |
- Vendor |
- Status |
- Processed |
- Created |
-
-
-
-
-
- |
- |
- |
-
-
- |
- |
- |
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- | ID |
- Vendor Code |
- Name |
- Subdomain |
- Email |
- Status |
- Created |
- Actions |
-
-
-
-
-
- |
- |
- |
- |
- |
-
-
-
- |
- |
-
-
- ✏️ Edit
-
- |
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
👥
-
No Users Found
-
Users will appear here when vendors are created
-
-
-
-
-
-
-
- | ID |
- Username |
- Email |
- Role |
- Status |
- Created |
-
-
-
-
-
- |
- |
- |
-
-
- |
-
-
- |
- |
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Loading import jobs...
-
-
-
-
-
📦
-
No Import Jobs Found
-
Marketplace import jobs will appear here
-
-
-
-
-
-
-
- | Job ID |
- Marketplace |
- Vendor |
- Status |
- Processed |
- Errors |
- Created |
-
-
-
-
-
- |
- |
- |
-
-
- |
- |
-
-
- |
- |
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/static/admin/img/create-account-office-dark.jpeg b/static/admin/img/create-account-office-dark.jpeg
new file mode 100644
index 00000000..1754f9aa
Binary files /dev/null and b/static/admin/img/create-account-office-dark.jpeg differ
diff --git a/static/admin/img/create-account-office.jpeg b/static/admin/img/create-account-office.jpeg
new file mode 100644
index 00000000..963aeeb8
Binary files /dev/null and b/static/admin/img/create-account-office.jpeg differ
diff --git a/static/admin/img/forgot-password-office-dark.jpeg b/static/admin/img/forgot-password-office-dark.jpeg
new file mode 100644
index 00000000..cdd69e31
Binary files /dev/null and b/static/admin/img/forgot-password-office-dark.jpeg differ
diff --git a/static/admin/img/forgot-password-office.jpeg b/static/admin/img/forgot-password-office.jpeg
new file mode 100644
index 00000000..4dcaf519
Binary files /dev/null and b/static/admin/img/forgot-password-office.jpeg differ
diff --git a/static/admin/img/login-office-dark.jpeg b/static/admin/img/login-office-dark.jpeg
new file mode 100644
index 00000000..9dda0540
Binary files /dev/null and b/static/admin/img/login-office-dark.jpeg differ
diff --git a/static/admin/img/login-office.jpeg b/static/admin/img/login-office.jpeg
new file mode 100644
index 00000000..6414d490
Binary files /dev/null and b/static/admin/img/login-office.jpeg differ
diff --git a/static/js/admin/analytics.js b/static/admin/js/analytics.js
similarity index 100%
rename from static/js/admin/analytics.js
rename to static/admin/js/analytics.js
diff --git a/static/js/admin/dashboard.js b/static/admin/js/dashboard.js
similarity index 100%
rename from static/js/admin/dashboard.js
rename to static/admin/js/dashboard.js
diff --git a/static/admin/js/init-alpine.js b/static/admin/js/init-alpine.js
new file mode 100644
index 00000000..5b68b627
--- /dev/null
+++ b/static/admin/js/init-alpine.js
@@ -0,0 +1,57 @@
+/**
+ * Alpine.js v3 global data initialization
+ * Provides theme toggle, menu controls, and page state
+ */
+function data() {
+ function getThemeFromLocalStorage() {
+ // if user already changed the theme, use it
+ if (window.localStorage.getItem('dark')) {
+ return JSON.parse(window.localStorage.getItem('dark'))
+ }
+
+ // else return their preferences
+ return (
+ !!window.matchMedia &&
+ window.matchMedia('(prefers-color-scheme: dark)').matches
+ )
+ }
+
+ function setThemeToLocalStorage(value) {
+ window.localStorage.setItem('dark', value)
+ }
+
+ return {
+ dark: getThemeFromLocalStorage(),
+ toggleTheme() {
+ this.dark = !this.dark
+ setThemeToLocalStorage(this.dark)
+ },
+ isSideMenuOpen: false,
+ toggleSideMenu() {
+ this.isSideMenuOpen = !this.isSideMenuOpen
+ },
+ closeSideMenu() {
+ this.isSideMenuOpen = false
+ },
+ isNotificationsMenuOpen: false,
+ toggleNotificationsMenu() {
+ this.isNotificationsMenuOpen = !this.isNotificationsMenuOpen
+ },
+ closeNotificationsMenu() {
+ this.isNotificationsMenuOpen = false
+ },
+ isProfileMenuOpen: false,
+ toggleProfileMenu() {
+ this.isProfileMenuOpen = !this.isProfileMenuOpen
+ },
+ closeProfileMenu() {
+ this.isProfileMenuOpen = false
+ },
+ isPagesMenuOpen: false,
+ togglePagesMenu() {
+ this.isPagesMenuOpen = !this.isPagesMenuOpen
+ },
+ // Page identifier - will be set by individual pages
+ currentPage: ''
+ }
+}
\ No newline at end of file
diff --git a/static/admin/js/login.js b/static/admin/js/login.js
new file mode 100644
index 00000000..35497d50
--- /dev/null
+++ b/static/admin/js/login.js
@@ -0,0 +1,130 @@
+// Admin Login Component
+function adminLogin() {
+ return {
+ dark: false, // For dark mode toggle
+ credentials: {
+ username: '',
+ password: ''
+ },
+ loading: false,
+ error: null,
+ success: null,
+ errors: {},
+
+ init() {
+ // Check if already logged in
+ this.checkExistingAuth();
+
+ // Check for dark mode preference
+ this.dark = localStorage.getItem('theme') === 'dark';
+ },
+
+ checkExistingAuth() {
+ const token = localStorage.getItem('admin_token') || localStorage.getItem('token');
+ if (token) {
+ // Verify token is still valid
+ const userData = localStorage.getItem('admin_user');
+ if (userData) {
+ try {
+ const user = JSON.parse(userData);
+ if (user.role === 'admin') {
+ window.location.href = '/static/admin/dashboard.html';
+ }
+ } catch (e) {
+ // Invalid user data, clear storage
+ this.clearAuthData();
+ }
+ }
+ }
+ },
+
+ clearAuthData() {
+ localStorage.removeItem('admin_token');
+ localStorage.removeItem('admin_user');
+ localStorage.removeItem('token');
+ },
+
+ clearErrors() {
+ this.error = null;
+ this.success = null;
+ this.errors = {};
+ },
+
+ validateForm() {
+ this.clearErrors();
+ let isValid = true;
+
+ if (!this.credentials.username.trim()) {
+ this.errors.username = 'Username is required';
+ isValid = false;
+ }
+
+ if (!this.credentials.password) {
+ this.errors.password = 'Password is required';
+ isValid = false;
+ } else if (this.credentials.password.length < 6) {
+ this.errors.password = 'Password must be at least 6 characters';
+ isValid = false;
+ }
+
+ return isValid;
+ },
+
+ async handleLogin() {
+ if (!this.validateForm()) {
+ return;
+ }
+
+ this.loading = true;
+ this.clearErrors();
+
+ try {
+ // Use apiClient from api-client.js
+ const response = await apiClient.post('/admin/auth/login', {
+ username: this.credentials.username.trim(),
+ password: this.credentials.password
+ });
+
+ // Validate response
+ if (!response.access_token) {
+ throw new Error('Invalid response from server');
+ }
+
+ // Check if user is admin (if user data is provided)
+ if (response.user && response.user.role !== 'admin') {
+ throw new Error('Access denied. Admin privileges required.');
+ }
+
+ // Store authentication data
+ localStorage.setItem('admin_token', response.access_token);
+ localStorage.setItem('token', response.access_token); // Backup
+
+ if (response.user) {
+ localStorage.setItem('admin_user', JSON.stringify(response.user));
+ }
+
+ // Show success message
+ this.success = 'Login successful! Redirecting...';
+
+ // Redirect after short delay
+ setTimeout(() => {
+ window.location.href = '/static/admin/dashboard.html';
+ }, 1000);
+
+ } catch (error) {
+ console.error('Login error:', error);
+ this.error = error.message || 'Invalid username or password. Please try again.';
+
+ // Clear any partial auth data
+ this.clearAuthData();
+ } finally {
+ this.loading = false;
+ }
+ },
+
+ toggleDarkMode() {
+ this.dark = !this.dark;
+ localStorage.setItem('theme', this.dark ? 'dark' : 'light');
+ }
+ }
+}
\ No newline at end of file
diff --git a/static/js/admin/monitoring.js b/static/admin/js/monitoring.js
similarity index 100%
rename from static/js/admin/monitoring.js
rename to static/admin/js/monitoring.js
diff --git a/static/js/admin/vendor-edit.js b/static/admin/js/vendor-edit.js
similarity index 100%
rename from static/js/admin/vendor-edit.js
rename to static/admin/js/vendor-edit.js
diff --git a/static/js/admin/vendors.js b/static/admin/js/vendors.js
similarity index 100%
rename from static/js/admin/vendors.js
rename to static/admin/js/vendors.js
diff --git a/static/admin/login.html b/static/admin/login.html
index a299dda6..9159d54c 100644
--- a/static/admin/login.html
+++ b/static/admin/login.html
@@ -1,95 +1,164 @@
-
+
-
-
-
Admin Login - Multi-Tenant Ecommerce Platform
-
-
-
+
+
+
Admin Login - Multi-Tenant Platform
+
+
+
-