| <!DOCTYPE html>
|
| <html lang="en">
|
| <head>
|
| <meta charset="UTF-8" />
|
| <meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| <title>Customer Dashboard</title>
|
| <link rel="stylesheet" href="main.css" />
|
| <link rel="preconnect" href="https://fonts.googleapis.com" />
|
| <link
|
| rel="stylesheet"
|
| href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap"
|
| />
|
| </head>
|
| <body>
|
| <header class="main-header">
|
| <div class="container header-container">
|
| <h1>Welcome, User</h1>
|
|
|
| </div>
|
| </header>
|
|
|
| <nav class="main-nav">
|
| <div class="container nav-container">
|
| <ul class="nav-links">
|
| <li><a href="#aggregate">Dashboard</a></li>
|
| <li><a href="customerBookingTicket.html">Book Ticket</a></li>
|
| <li><a href="customerViewTicket.html">View Ticket</a></li>
|
| <li><a href="customerprofile.html">Update Profile</a></li>
|
|
|
| </ul>
|
| <button class="logout-btn" onclick="logout()">Logout</button>
|
| </div>
|
| </nav>
|
|
|
|
|
| <main class="container">
|
| <section id="aggregate">
|
| <h2>Dashboard Overview</h2>
|
|
|
| <div class="card">
|
| <h3>Tickets Booked Per Class</h3>
|
| <table>
|
| <thead>
|
| <tr>
|
| <th>Class</th>
|
| <th>Tickets Booked</th>
|
| </tr>
|
| </thead>
|
| <tbody>
|
| <tr>
|
| <td>First Class</td>
|
| <td>10</td>
|
| </tr>
|
| <tr>
|
| <td>AC Tier 1</td>
|
| <td>20</td>
|
| </tr>
|
| <tr>
|
| <td>AC Tier 2</td>
|
| <td>15</td>
|
| </tr>
|
| </tbody>
|
| </table>
|
| </div>
|
|
|
| <div class="card">
|
| <h3 style="padding-top: 15px;">Sales Done Per Quarter</h3>
|
| <table>
|
| <thead>
|
| <tr>
|
| <th>Quarter</th>
|
| <th>Sales</th>
|
| </tr>
|
| </thead>
|
| <tbody>
|
| <tr>
|
| <td>Q1</td>
|
| <td>$5000</td>
|
| </tr>
|
| <tr>
|
| <td>Q2</td>
|
| <td>$7000</td>
|
| </tr>
|
| <tr>
|
| <td>Q3</td>
|
| <td>$6500</td>
|
| </tr>
|
| </tbody>
|
| </table>
|
| </div>
|
| </section>
|
| </main>
|
|
|
| <footer class="main-footer">
|
| <div class="container">
|
| <p>© 2025 Railway Booking System. All rights reserved.</p>
|
| </div>
|
| </footer>
|
|
|
| <script>
|
| function logout() {
|
| // Clear user session (example)
|
| alert("You have been logged out.");
|
| window.location.href = "customer-login.html"; // redirect to login page
|
| }
|
| </script>
|
| </body>
|
| </html>
|