PATH:
home
/
u865795251
/
domains
/
whatisnewis.com
/
public_html
/
unibiotech
/
portal
/
Editing: admin-customers.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Customers - AdminPortal</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"> <span class="material-symbols-outlined">dashboard</span> Admin Dashboard </a> <a href="admin-customers.html" class="nav-item active"> <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"> <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 customers..."> </div> </div> <div class="header-actions"> <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> <div class="content-area"> <h2 class="page-title">Customer Management</h2> <div class="data-section"> <div class="section-header"> <h3>Registered Wholesale Customers</h3> <button class="btn-primary" style="padding: 10px 20px; width: auto; font-size: 14px;">+ Add Customer</button> </div> <div class="table-responsive"> <table> <thead> <tr> <th>Customer ID</th> <th>Name & Contact</th> <th>Total Orders</th> <th>Total Units Requested</th> <th>Account Status</th> <th>Action</th> </tr> </thead> <tbody> <tr> <td>#CST-1049</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>12</td> <td>4,250</td> <td><span class="status-badge status-success">Active</span></td> <td> <div class="btn-action-group"> <button class="btn-secondary" style="font-size: 12px;">Edit</button> <button class="btn-reject" style="background-color: transparent; color: var(--text-secondary); border: 1px solid var(--border-color);">Suspend</button> </div> </td> </tr> <tr> <td>#CST-1050</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>5</td> <td>1,200</td> <td><span class="status-badge status-success">Active</span></td> <td> <div class="btn-action-group"> <button class="btn-secondary" style="font-size: 12px;">Edit</button> <button class="btn-reject" style="background-color: transparent; color: var(--text-secondary); border: 1px solid var(--border-color);">Suspend</button> </div> </td> </tr> <tr> <td>#CST-1051</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>34</td> <td>15,800</td> <td><span class="status-badge status-success">Active</span></td> <td> <div class="btn-action-group"> <button class="btn-secondary" style="font-size: 12px;">Edit</button> <button class="btn-reject" style="background-color: transparent; color: var(--text-secondary); border: 1px solid var(--border-color);">Suspend</button> </div> </td> </tr> <tr> <td>#CST-1022</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>8</td> <td>3,000</td> <td><span class="status-badge status-error">Suspended</span></td> <td> <div class="btn-action-group"> <button class="btn-secondary" style="font-size: 12px;">Edit</button> <button class="btn-approve" style="background-color: transparent; color: #34C759; border: 1px solid #34C759;">Activate</button> </div> </td> </tr> </tbody> </table> </div> </div> </div> </main> </div> </body> </html>
SAVE
CANCEL