PATH:
home
/
u865795251
/
domains
/
whatisnewis.com
/
public_html
/
unibiotech
/
portal
/
Editing: admin.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Admin Panel - BulkPortal</title> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" /> <link rel="stylesheet" href="style.css"> </head> <body> <div class="dashboard-layout"> <!-- Admin Sidebar Navigation --> <aside class="sidebar"> <div class="sidebar-brand" style="display: flex; justify-content: space-between; align-items: center; width: 100%;"> <div style="display: flex; align-items: center; gap: 12px;"> <span class="material-symbols-outlined">admin_panel_settings</span> <span>AdminPortal</span> </div> <button class="close-menu-btn" onclick="document.querySelector('.sidebar').classList.remove('open')"> <span class="material-symbols-outlined">close</span> </button> </div> <nav class="sidebar-nav"> <a href="admin.html" class="nav-item active"> <span class="material-symbols-outlined">dashboard</span> Admin Dashboard </a> <a href="admin-customers.html" class="nav-item"> <span class="material-symbols-outlined">group</span> Customers </a> <a href="admin-products.html" class="nav-item"> <span class="material-symbols-outlined">inventory</span> Products </a> <a href="admin-settings.html" class="nav-item"> <span class="material-symbols-outlined">settings</span> System Settings </a> </nav> <div class="sidebar-footer"> <a href="index.html" class="nav-item" style="color: var(--text-secondary);"> <span class="material-symbols-outlined">logout</span> Sign Out </a> </div> </aside> <!-- Main Content Area --> <main class="main-content"> <!-- Top Header --> <header class="top-header"> <div style="display: flex; align-items: center;"> <button class="mobile-menu-btn" onclick="document.querySelector('.sidebar').classList.toggle('open')"> <span class="material-symbols-outlined">menu</span> </button> <div class="search-bar"> <span class="material-symbols-outlined">search</span> <input type="text" placeholder="Search orders, customers, IDs..."> </div> </div> <div class="header-actions"> <button class="icon-btn"> <span class="material-symbols-outlined">notifications</span> <span class="notification-badge"></span> </button> <div class="user-profile"> <div class="user-info" style="text-align: right;"> <span class="name">System Admin</span> <span class="role">Super Administrator</span> </div> <div class="avatar" style="background-color: #1D1D1F;">SA</div> </div> </div> </header> <!-- Page Content --> <div class="content-area"> <h2 class="page-title">Admin Management Overview</h2> <!-- Admin Stats Cards --> <div class="stats-grid"> <div class="stat-card"> <div class="stat-header"> Pending Requests <div class="stat-icon" style="color: #FF9500; background-color: rgba(255, 149, 0, 0.1);"> <span class="material-symbols-outlined">pending_actions</span> </div> </div> <div class="stat-value">3</div> <div class="stat-trend"> <span class="material-symbols-outlined" style="font-size: 16px; color: var(--text-secondary);">schedule</span> Requires immediate review </div> </div> <div class="stat-card"> <div class="stat-header"> Total Approved <div class="stat-icon"> <span class="material-symbols-outlined">check_circle</span> </div> </div> <div class="stat-value">1,240</div> <div class="stat-trend trend-up"> <span class="material-symbols-outlined" style="font-size: 16px;">trending_up</span> +12% vs last week </div> </div> <div class="stat-card"> <div class="stat-header"> Active Customers <div class="stat-icon" style="color: #007AFF; background-color: rgba(0, 122, 255, 0.1);"> <span class="material-symbols-outlined">group</span> </div> </div> <div class="stat-value">185</div> <div class="stat-trend trend-up"> <span class="material-symbols-outlined" style="font-size: 16px;">trending_up</span> +5 new signups today </div> </div> </div> <!-- Pending Orders Table --> <div class="data-section" style="margin-bottom: 32px; border: 2px solid rgba(255, 149, 0, 0.3);"> <div class="section-header"> <h3 style="color: #FF9500; display: flex; align-items: center; gap: 8px;"> <span class="material-symbols-outlined">warning</span> Pending Order Requests </h3> </div> <div class="table-responsive"> <table> <thead> <tr> <th>Order ID</th> <th>Customer Details</th> <th>Product Category</th> <th>Product</th> <th>Quantity requested</th> <th>Status</th> <th>Action</th> </tr> </thead> <tbody> <tr> <td>#ORD-99304</td> <td> <div style="font-weight: 600;">John Doe</div> <div style="font-size: 12px; color: var(--text-secondary);">john@example.com</div> </td> <td>Electronics</td> <td>Premium Widget A</td> <td style="font-weight: 600;">200 Units</td> <td><span class="status-badge status-pending">Pending Review</span></td> <td> <div class="btn-action-group"> <button class="btn-approve" onclick="alert('Order Approved successfully!')">Approve</button> <button class="btn-reject" onclick="alert('Order Disapproved!')">Disapprove</button> </div> </td> </tr> <tr> <td>#ORD-99305</td> <td> <div style="font-weight: 600;">Sarah Smith</div> <div style="font-size: 12px; color: var(--text-secondary);">sarah.s@company.com</div> </td> <td>Hardware</td> <td>Elite Tools Kit</td> <td style="font-weight: 600;">1000 Units</td> <td><span class="status-badge status-pending">Pending Review</span></td> <td> <div class="btn-action-group"> <button class="btn-approve" onclick="alert('Order Approved successfully!')">Approve</button> <button class="btn-reject" onclick="alert('Order Disapproved!')">Disapprove</button> </div> </td> </tr> <tr> <td>#ORD-99306</td> <td> <div style="font-weight: 600;">Tech Solutions Inc.</div> <div style="font-size: 12px; color: var(--text-secondary);">procurement@techsol.com</div> </td> <td>Accessories</td> <td>Pro Gadget B</td> <td style="font-weight: 600;">350 Units (Custom)</td> <td><span class="status-badge status-pending">Pending Review</span></td> <td> <div class="btn-action-group"> <button class="btn-approve" onclick="alert('Order Approved successfully!')">Approve</button> <button class="btn-reject" onclick="alert('Order Disapproved!')">Disapprove</button> </div> </td> </tr> </tbody> </table> </div> </div> <!-- Complete Order History --> <div class="data-section"> <div class="section-header"> <h3>Order Request History</h3> <div style="display: flex; gap: 12px;"> <button class="btn-secondary">Export Log</button> <button class="btn-secondary">Filter List</button> </div> </div> <div class="table-responsive"> <table> <thead> <tr> <th>Order ID</th> <th>Customer Details</th> <th>Product</th> <th>Quantity</th> <th>Resolution Date</th> <th>Final Status</th> </tr> </thead> <tbody> <tr> <td>#ORD-99303</td> <td> <div style="font-weight: 600;">John Doe</div> <div style="font-size: 12px; color: var(--text-secondary);">john@example.com</div> </td> <td>Elite Tools Kit</td> <td>500 Units</td> <td>Oct 20, 2026</td> <td><span class="status-badge status-success">Approved</span></td> </tr> <tr> <td>#ORD-99302</td> <td> <div style="font-weight: 600;">Tech Solutions Inc.</div> <div style="font-size: 12px; color: var(--text-secondary);">procurement@techsol.com</div> </td> <td>Pro Gadget B</td> <td>1500 Units</td> <td>Oct 15, 2026</td> <td><span class="status-badge status-error">Disapproved</span></td> </tr> <tr> <td>#ORD-99301</td> <td> <div style="font-weight: 600;">Sarah Smith</div> <div style="font-size: 12px; color: var(--text-secondary);">sarah.s@company.com</div> </td> <td>Premium Widget A</td> <td>100 Units</td> <td>Oct 10, 2026</td> <td><span class="status-badge status-success">Approved</span></td> </tr> <tr> <td>#ORD-99295</td> <td> <div style="font-weight: 600;">Global Imports</div> <div style="font-size: 12px; color: var(--text-secondary);">admin@globalimports.net</div> </td> <td>Premium Widget A</td> <td>350 Units</td> <td>Sep 28, 2026</td> <td><span class="status-badge status-success">Approved</span></td> </tr> <tr> <td>#ORD-99290</td> <td> <div style="font-weight: 600;">Global Imports</div> <div style="font-size: 12px; color: var(--text-secondary);">admin@globalimports.net</div> </td> <td>Standard Tool Kit</td> <td>1000 Units</td> <td>Sep 12, 2026</td> <td><span class="status-badge status-success">Approved</span></td> </tr> </tbody> </table> </div> </div> </div> </main> </div> </body> </html>
SAVE
CANCEL