Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>User Dashboard - ZMABC</title> | |
| <link rel="stylesheet" href="styles/dashboard.css"> | |
| </head> | |
| <body> | |
| <header class="cms-header"> | |
| <div class="cms-header-title">Zen Miracle ABC</div> | |
| <nav class="cms-nav"> | |
| <a href="index.html">Home</a> | |
| <a href="#">User Registration</a> | |
| <a href="book-appointment.html">Appointments</a> | |
| <a href="#">Clinic Locations</a> | |
| <a href="#">News</a> | |
| </nav> | |
| <a href="dashboard.html" class="cms-user-icon" title="User Account" class="active">👤</a> | |
| </header> | |
| <div class="dashboard-container"> | |
| <aside class="dashboard-sidebar"> | |
| <div class="dashboard-user"> | |
| <img src="images/user-avatar.png" alt="User Avatar" class="dashboard-avatar"> | |
| <div class="dashboard-username">John Doe</div> | |
| </div> | |
| <nav class="dashboard-nav"> | |
| <a href="#" class="active"><span class="icon">🏠</span> Dashboard</a> | |
| <a href="book-appointment.html"><span class="icon">📅</span> Book Appointment</a> | |
| <a href="#"><span class="icon">💬</span> Messages</a> | |
| <a href="#"><span class="icon">⚙️</span> Settings</a> | |
| </nav> | |
| </aside> | |
| <main class="dashboard-main"> | |
| <h1>Dashboard</h1> | |
| <section class="dashboard-section"> | |
| <h2>Upcoming Appointments</h2> | |
| <div class="dashboard-appointments" id="upcoming-appointments"> | |
| <!-- Appointments will be loaded here --> | |
| </div> | |
| </section> | |
| <section class="dashboard-section"> | |
| <h2>Past Appointments</h2> | |
| <div class="dashboard-table"> | |
| <table> | |
| <thead> | |
| <tr> | |
| <th>Date</th> | |
| <th>Time</th> | |
| <th>Doctor</th> | |
| <th>Service</th> | |
| <th>Status</th> | |
| </tr> | |
| </thead> | |
| <tbody id="past-appointments"> | |
| <!-- Past appointments will be loaded here --> | |
| </tbody> | |
| </table> | |
| </div> | |
| </section> | |
| </main> | |
| </div> | |
| <script src="scripts/dashboard.js"></script> | |
| </body> | |
| </html> |