From 29086addf29e696bbc9a8536c03ec66d452de968 Mon Sep 17 00:00:00 2001
From: lnguyen34 <lnguyen34@student.qcc.edu>
Date: Sat, 18 Oct 2025 10:09:07 -0400
Subject: [PATCH 1/5] Revert "commented enrollmentstatus as it is not built in
 DB yet"

This reverts commit 315ed021c89c00f6debf209c7cdb342bed817141.
---
 backend/controllers/admin/StudentController.cpp | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/backend/controllers/admin/StudentController.cpp b/backend/controllers/admin/StudentController.cpp
index 55a6828..333dd34 100644
--- a/backend/controllers/admin/StudentController.cpp
+++ b/backend/controllers/admin/StudentController.cpp
@@ -85,7 +85,7 @@ void StudentController::getAllStudents(const HttpRequestPtr &req,
                 student["phone"] = row["phone"].as<std::string>();
                 student["email"] = row["email"].as<std::string>();
                 student["address"] = row["address"].as<std::string>();
-                //student["enrollmentStatus"] = row["enrollmentStatus"].as<std::string>(); // May be null
+                student["enrollmentStatus"] = row["enrollmentStatus"].as<std::string>(); // May be null
                 jsonResponse.append(student);
             }
 

From 1d010f2ddffcb8c30d77e2b56ed7d41732d72e14 Mon Sep 17 00:00:00 2001
From: OCEAN RAI <sagar.rai2023@outlook.com>
Date: Sat, 18 Oct 2025 10:31:22 -0400
Subject: [PATCH 2/5] Reapply "commented enrollmentstatus as it is not built in
 DB yet"

This reverts commit 29086addf29e696bbc9a8536c03ec66d452de968.
---
 backend/controllers/admin/StudentController.cpp | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/backend/controllers/admin/StudentController.cpp b/backend/controllers/admin/StudentController.cpp
index 333dd34..55a6828 100644
--- a/backend/controllers/admin/StudentController.cpp
+++ b/backend/controllers/admin/StudentController.cpp
@@ -85,7 +85,7 @@ void StudentController::getAllStudents(const HttpRequestPtr &req,
                 student["phone"] = row["phone"].as<std::string>();
                 student["email"] = row["email"].as<std::string>();
                 student["address"] = row["address"].as<std::string>();
-                student["enrollmentStatus"] = row["enrollmentStatus"].as<std::string>(); // May be null
+                //student["enrollmentStatus"] = row["enrollmentStatus"].as<std::string>(); // May be null
                 jsonResponse.append(student);
             }
 

From 951da520fe060f7f05fdd436bb5ef9b856528d02 Mon Sep 17 00:00:00 2001
From: OCEAN RAI <sagar.rai2023@outlook.com>
Date: Sat, 18 Oct 2025 10:31:37 -0400
Subject: [PATCH 3/5] Revert "commented enrollmentstatus as it is not built in
 DB yet"

This reverts commit 315ed021c89c00f6debf209c7cdb342bed817141.
---
 backend/controllers/admin/StudentController.cpp | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/backend/controllers/admin/StudentController.cpp b/backend/controllers/admin/StudentController.cpp
index 55a6828..333dd34 100644
--- a/backend/controllers/admin/StudentController.cpp
+++ b/backend/controllers/admin/StudentController.cpp
@@ -85,7 +85,7 @@ void StudentController::getAllStudents(const HttpRequestPtr &req,
                 student["phone"] = row["phone"].as<std::string>();
                 student["email"] = row["email"].as<std::string>();
                 student["address"] = row["address"].as<std::string>();
-                //student["enrollmentStatus"] = row["enrollmentStatus"].as<std::string>(); // May be null
+                student["enrollmentStatus"] = row["enrollmentStatus"].as<std::string>(); // May be null
                 jsonResponse.append(student);
             }
 

From bfb50af007c1431cca58677c8199f15485809efa Mon Sep 17 00:00:00 2001
From: OCEAN RAI <sagar.rai2023@outlook.com>
Date: Sat, 18 Oct 2025 10:31:51 -0400
Subject: [PATCH 4/5] Revert "Implement list of students page with a reusable
 sidebar and displays a table that gathers information from database with a
 radio button and confirm button"

This reverts commit 2246b69fc62c0bf5595d15bfd3468cfee8f48886.
---
 .../controllers/admin/StudentController.cpp   | 54 +------------
 backend/controllers/admin/StudentController.h |  5 --
 docs/admin/assets/sidebar.css                 | 16 ++--
 docs/admin/assets/sidebar.js                  |  4 +-
 docs/admin/assets/student_table.css           | 55 --------------
 docs/admin/assets/student_table.js            | 29 -------
 docs/admin/list_of_students.html              | 75 ++++++++++++-------
 docs/admin/sidebar.html                       |  9 +--
 8 files changed, 61 insertions(+), 186 deletions(-)
 delete mode 100644 docs/admin/assets/student_table.css
 delete mode 100644 docs/admin/assets/student_table.js

diff --git a/backend/controllers/admin/StudentController.cpp b/backend/controllers/admin/StudentController.cpp
index 333dd34..ab5281a 100644
--- a/backend/controllers/admin/StudentController.cpp
+++ b/backend/controllers/admin/StudentController.cpp
@@ -18,7 +18,7 @@ void StudentController::createStudent(const HttpRequestPtr &req,
     }
 
     // Validate required fields
-    if (!json->isMember("name") || !json->isMember("email") ||
+    if (!json->isMember("name") || !json->isMember("email") || 
         !json->isMember("studentId") || !json->isMember("phone") ||
         !json->isMember("dateofbirth") || !json->isMember("address") ||
         !json->isMember("sex"))
@@ -55,52 +55,6 @@ void StudentController::createStudent(const HttpRequestPtr &req,
         (*json)["dateofbirth"].asString(),
         (*json)["address"].asString(),
         (*json)["sex"].asString(),
-        (*json)["studentId"].asString());
-}
-
-// Handles GET request to retrieve all student records from the database
-void StudentController::getAllStudents(const HttpRequestPtr &req,
-                                       std::function<void(const HttpResponsePtr &)> &&callback)
-{
-    // Get the default database client instance
-    auto client = app().getDbClient("default");
-
-    // Execute SQL query asynchronously to fetch student data
-    client->execSqlAsync(
-        "SELECT id, name, phone, email, dateofbirth, address, sex, studentId FROM Students",
-
-        // Success callback: transform DB result into JSON array
-        [callback](const drogon::orm::Result &result)
-        {
-            Json::Value jsonResponse(Json::arrayValue);
-
-            // Iterate through each row and build a JSON object for each student
-            for (const auto &row : result)
-            {
-                Json::Value student;
-                student["studentId"] = row["studentId"].as<std::string>();
-                student["name"] = row["name"].as<std::string>();
-                student["dateofbirth"] = row["dateofbirth"].as<std::string>();
-                student["sex"] = row["sex"].as<std::string>();
-                student["phone"] = row["phone"].as<std::string>();
-                student["email"] = row["email"].as<std::string>();
-                student["address"] = row["address"].as<std::string>();
-                student["enrollmentStatus"] = row["enrollmentStatus"].as<std::string>(); // May be null
-                jsonResponse.append(student);
-            }
-
-            // Return JSON response with HTTP 200 OK
-            auto resp = HttpResponse::newHttpJsonResponse(jsonResponse);
-            resp->setStatusCode(k200OK);
-            callback(resp);
-        },
-
-        // Error callback: return HTTP 500 with error message
-        [callback](const drogon::orm::DrogonDbException &e)
-        {
-            auto resp = HttpResponse::newHttpResponse();
-            resp->setStatusCode(k500InternalServerError);
-            resp->setBody("Database error: " + std::string(e.base().what()));
-            callback(resp);
-        });
-}
+        (*json)["studentId"].asString()
+    );
+}
\ No newline at end of file
diff --git a/backend/controllers/admin/StudentController.h b/backend/controllers/admin/StudentController.h
index 219baeb..f2f211a 100644
--- a/backend/controllers/admin/StudentController.h
+++ b/backend/controllers/admin/StudentController.h
@@ -6,14 +6,9 @@ class StudentController : public drogon::HttpController<StudentController> {
     METHOD_LIST_BEGIN
     // Admin-only endpoint to create a new student
     ADD_METHOD_TO(StudentController::createStudent, "/api/admin/students", drogon::Post);
-    // Route: GET /api/admin/students → calls getAllStudents
-    ADD_METHOD_TO(StudentController::getAllStudents, "/api/admin/students", drogon::Get);
     METHOD_LIST_END
 
     // Handler
     void createStudent(const drogon::HttpRequestPtr &req,
                        std::function<void(const drogon::HttpResponsePtr &)> &&callback);
-    // Handles GET request to return all students as JSON
-                       void getAllStudents(const drogon::HttpRequestPtr &req,
-                        std::function<void(const drogon::HttpResponsePtr &)> &&callback);
 };
diff --git a/docs/admin/assets/sidebar.css b/docs/admin/assets/sidebar.css
index 09dc01a..b0ec0d5 100644
--- a/docs/admin/assets/sidebar.css
+++ b/docs/admin/assets/sidebar.css
@@ -1,12 +1,10 @@
-/* Base layout setup */
 body {
   margin: 0;
-  display: flex; /* Enables sidebar + main layout */
+  display: flex;
   height: 100vh;
   font-family: "Segoe UI", sans-serif;
 }
 
-/* Sidebar styling */
 .sidebar {
   width: 220px;
   background-color: #1e1e2f;
@@ -14,20 +12,18 @@ body {
   display: flex;
   flex-direction: column;
   padding: 20px;
-  height: 100vh;       /* Fill full vertical space */
-  position: fixed;     /* Stay fixed on the left */
+  height: 100vh; /* ✅ makes sidebar fill full height */
+  position: fixed; /* ✅ keeps sidebar fixed in place */
   top: 0;
   left: 0;
 }
 
-/* Sidebar title */
 .sidebar h2 {
   font-size: 1.5rem;
   margin-bottom: 30px;
   text-align: center;
 }
 
-/* Sidebar links */
 .sidebar a {
   color: #cfd1d7;
   text-decoration: none;
@@ -37,17 +33,15 @@ body {
   transition: background 0.2s ease;
 }
 
-/* Hover and active link styles */
 .sidebar a:hover,
 .sidebar a.active {
   background-color: #34344a;
   color: #fff;
 }
 
-/* Main content area */
 .main {
-  flex-grow: 1;              /* Take remaining space */
+  flex-grow: 1;
   background-color: #f8f9fa;
   padding: 40px;
-  margin-left: 220px;        /* Offset for fixed sidebar */
+  margin-left: 220px; /* ✅ prevents overlap */
 }
diff --git a/docs/admin/assets/sidebar.js b/docs/admin/assets/sidebar.js
index f1ea5d6..9fb0176 100644
--- a/docs/admin/assets/sidebar.js
+++ b/docs/admin/assets/sidebar.js
@@ -1,15 +1,13 @@
-// Load sidebar HTML and highlight the active link
 document.addEventListener("DOMContentLoaded", () => {
   const sidebarContainer = document.getElementById("sidebar-container");
 
   if (sidebarContainer) {
-    // Inject sidebar.html into the container
     fetch("sidebar.html")
       .then(res => res.text())
       .then(html => {
         sidebarContainer.innerHTML = html;
 
-        // Add 'active' class to the link matching current page
+        // Highlight the active link based on current page
         const links = sidebarContainer.querySelectorAll("a");
         const currentPage = window.location.pathname;
         links.forEach(link => {
diff --git a/docs/admin/assets/student_table.css b/docs/admin/assets/student_table.css
deleted file mode 100644
index f521ac8..0000000
--- a/docs/admin/assets/student_table.css
+++ /dev/null
@@ -1,55 +0,0 @@
-/* ===============================
-   Table layout and formatting
-   =============================== */
-table {
-  width: 100%;
-  border-collapse: collapse;
-  margin-top: 20px;
-}
-
-thead th {
-  text-align: center;
-  background-color: #f0f0f0;
-  color: #333;
-}
-
-th,
-td {
-  padding: 10px;
-  border: 1px solid #ddd;
-  text-align: left;
-  white-space: nowrap;
-}
-
-/* First column: center-align and fixed width */
-td:first-child,
-th:first-child {
-  text-align: center;
-  width: 60px;
-}
-
-/* ===============================
-   Confirm button styling
-   =============================== */
-
-/* Container aligns button to bottom-right of table */
-.confirm-container {
-  display: flex;
-  justify-content: flex-end;
-  margin-top: 20px;
-}
-
-/* Button appearance and hover effect */
-.confirm-button {
-  padding: 10px 20px;
-  background-color: #28a745; /* success green */
-  color: white;
-  border: none;
-  border-radius: 5px;
-  font-size: 16px;
-  cursor: pointer;
-}
-
-.confirm-button:hover {
-  background-color: #218838;
-}
diff --git a/docs/admin/assets/student_table.js b/docs/admin/assets/student_table.js
deleted file mode 100644
index e1102cb..0000000
--- a/docs/admin/assets/student_table.js
+++ /dev/null
@@ -1,29 +0,0 @@
-// ===============================
-// Fetch and render student data
-// ===============================
-
-// Send GET request to backend API
-fetch("/api/admin/students")
-  .then(res => res.json())
-  .then(students => {
-    const tableBody = document.querySelector("#studentTableBody");
-    tableBody.innerHTML = ""; // Clear any existing rows
-
-    // Loop through each student and build a table row
-    students.forEach((student, index) => {
-      const row = `
-      <tr>
-        <td><input type="radio" name="selectedStudent" value="${student.id}"></td>
-        <td>${student.studentId}</td>
-        <td>${student.name}</td>
-        <td>${student.dateofbirth}</td>
-        <td>${student.sex}</td>
-        <td>${student.phone}</td>
-        <td>${student.email}</td>
-        <td>${student.address}</td>
-        <td>${student.enrollmentStatus || "Active"}</td>
-      </tr>
-    `;
-      tableBody.innerHTML += row;
-    });
-  });
diff --git a/docs/admin/list_of_students.html b/docs/admin/list_of_students.html
index 14b569e..789a134 100644
--- a/docs/admin/list_of_students.html
+++ b/docs/admin/list_of_students.html
@@ -1,29 +1,45 @@
 <!DOCTYPE html>
 <html lang="en">
-
 <head>
   <meta charset="UTF-8" />
   <title>List of Students</title>
-
-  <!-- Bootstrap for layout and components -->
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" />
+  <style>
+    table {
+      width: 100%;
+      border-collapse: collapse;
+      margin-top: 20px;
+    }
+
+    thead th {
+      text-align: center;
+      background-color: #f0f0f0;
+      color: #333;
+    }
+
+    th,
+    td {
+      padding: 10px;
+      border: 1px solid #ddd;
+      text-align: left;
+      white-space: nowrap;
+    }
 
-  <!-- Sidebar styles -->
-  <link rel="stylesheet" href="assets/sidebar.css" />
+    td:first-child,
+    th:first-child {
+      text-align: center;
+      width: 60px;
+    }
+  </style>
 
-  <!-- Table and confirm button styles -->
-  <link rel="stylesheet" href="assets/student_table.css" />
 </head>
+<link rel="stylesheet" href="assets/sidebar.css">
 
 <body>
-  <!-- Sidebar will be injected dynamically -->
   <div id="sidebar-container"></div>
 
-  <!-- Main content area -->
   <div class="main">
     <h1>Registered Students</h1>
-
-    <!-- Student table -->
     <table>
       <thead>
         <tr>
@@ -31,29 +47,38 @@ <h1>Registered Students</h1>
           <th>Student ID</th>
           <th>Full Name</th>
           <th>DOB</th>
-          <th>Sex</th>
-          <th>Phone</th>
-          <th>Email</th>
-          <th>Address</th>
+          <th>Contact Info</th>
           <th>Enrollment Status</th>
         </tr>
       </thead>
       <tbody id="studentTableBody">
-        <!-- Rows will be injected by student-table.js -->
+        <!-- Rows will be injected here -->
       </tbody>
     </table>
-
-    <!-- Confirm button below the table -->
-    <div class="confirm-container">
-      <button class="confirm-button">Confirm</button>
-    </div>
   </div>
 
-  <!-- Load sidebar HTML and highlight active link -->
+  <script>
+    // Load student data
+    fetch("/api/admin/students")
+      .then(res => res.json())
+      .then(students => {
+        const tbody = document.getElementById("studentTableBody");
+        students.forEach(student => {
+          const row = document.createElement("tr");
+          row.innerHTML = `
+            <td><input type="radio" name="selectedStudent" value="${student.id}"></td>
+            <td>${student.id}</td>
+            <td>${student.name}</td>
+            <td>${student.dob}</td>
+            <td>${student.email}</td>
+            <td>${student.status}</td>
+          `;
+          tbody.appendChild(row);
+        });
+      });
+  </script>
+  
   <script src="assets/sidebar.js"></script>
 
-  <!-- Load and render student data -->
-  <script src="assets/student_table.js"></script>
 </body>
-
 </html>
diff --git a/docs/admin/sidebar.html b/docs/admin/sidebar.html
index 2a9a050..472c390 100644
--- a/docs/admin/sidebar.html
+++ b/docs/admin/sidebar.html
@@ -1,13 +1,6 @@
-<!-- Sidebar navigation for admin pages -->
 <div class="sidebar">
-  <h2>Admin</h2> <!-- Section title -->
-
-  <!-- Link to admin dashboard -->
+  <h2>Admin</h2>
   <a href="/admin/dashboard.html">Dashboard</a>
-
-  <!-- Link to add a new student -->
   <a href="/admin/new_student.html">Add Student</a>
-
-  <!-- Link to view list of registered students -->
   <a href="/admin/list_of_students.html">List of Students</a>
 </div>

From 8966157a9cdcc0aeb383a31a3fae14dee5427fd0 Mon Sep 17 00:00:00 2001
From: OCEAN RAI <sagar.rai2023@outlook.com>
Date: Sat, 18 Oct 2025 10:32:03 -0400
Subject: [PATCH 5/5] Revert "created a side menu for list of students with
 list of student display page, created a reusable sidebar and sidebar style"

This reverts commit 25db170728cb2d30107dac100f25b50896d6eea7.
---
 docs/admin/assets/sidebar.css    | 47 ------------------
 docs/admin/assets/sidebar.js     | 23 ---------
 docs/admin/dashboard.html        | 50 ++++++++++++++++---
 docs/admin/list_of_students.html | 84 --------------------------------
 docs/admin/new_student.html      | 48 +++++++++++++++---
 docs/admin/sidebar.html          |  6 ---
 6 files changed, 84 insertions(+), 174 deletions(-)
 delete mode 100644 docs/admin/assets/sidebar.css
 delete mode 100644 docs/admin/assets/sidebar.js
 delete mode 100644 docs/admin/list_of_students.html
 delete mode 100644 docs/admin/sidebar.html

diff --git a/docs/admin/assets/sidebar.css b/docs/admin/assets/sidebar.css
deleted file mode 100644
index b0ec0d5..0000000
--- a/docs/admin/assets/sidebar.css
+++ /dev/null
@@ -1,47 +0,0 @@
-body {
-  margin: 0;
-  display: flex;
-  height: 100vh;
-  font-family: "Segoe UI", sans-serif;
-}
-
-.sidebar {
-  width: 220px;
-  background-color: #1e1e2f;
-  color: #fff;
-  display: flex;
-  flex-direction: column;
-  padding: 20px;
-  height: 100vh; /* ✅ makes sidebar fill full height */
-  position: fixed; /* ✅ keeps sidebar fixed in place */
-  top: 0;
-  left: 0;
-}
-
-.sidebar h2 {
-  font-size: 1.5rem;
-  margin-bottom: 30px;
-  text-align: center;
-}
-
-.sidebar a {
-  color: #cfd1d7;
-  text-decoration: none;
-  padding: 10px 15px;
-  border-radius: 6px;
-  margin-bottom: 10px;
-  transition: background 0.2s ease;
-}
-
-.sidebar a:hover,
-.sidebar a.active {
-  background-color: #34344a;
-  color: #fff;
-}
-
-.main {
-  flex-grow: 1;
-  background-color: #f8f9fa;
-  padding: 40px;
-  margin-left: 220px; /* ✅ prevents overlap */
-}
diff --git a/docs/admin/assets/sidebar.js b/docs/admin/assets/sidebar.js
deleted file mode 100644
index 9fb0176..0000000
--- a/docs/admin/assets/sidebar.js
+++ /dev/null
@@ -1,23 +0,0 @@
-document.addEventListener("DOMContentLoaded", () => {
-  const sidebarContainer = document.getElementById("sidebar-container");
-
-  if (sidebarContainer) {
-    fetch("sidebar.html")
-      .then(res => res.text())
-      .then(html => {
-        sidebarContainer.innerHTML = html;
-
-        // Highlight the active link based on current page
-        const links = sidebarContainer.querySelectorAll("a");
-        const currentPage = window.location.pathname;
-        links.forEach(link => {
-          if (link.getAttribute("href") === currentPage) {
-            link.classList.add("active");
-          }
-        });
-      })
-      .catch(err => {
-        console.error("Error loading sidebar:", err);
-      });
-  }
-});
diff --git a/docs/admin/dashboard.html b/docs/admin/dashboard.html
index 83a80f2..813bb05 100644
--- a/docs/admin/dashboard.html
+++ b/docs/admin/dashboard.html
@@ -4,19 +4,55 @@
 <meta charset="UTF-8">
 <title>Admin Dashboard</title>
 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
-
+<style>
+  body {
+    margin: 0;
+    display: flex;
+    height: 100vh;
+    font-family: "Segoe UI", sans-serif;
+  }
+  .sidebar {
+    width: 220px;
+    background-color: #1e1e2f;
+    color: #fff;
+    display: flex;
+    flex-direction: column;
+    padding: 20px;
+  }
+  .sidebar h2 {
+    font-size: 1.5rem;
+    margin-bottom: 30px;
+    text-align: center;
+  }
+  .sidebar a {
+    color: #cfd1d7;
+    text-decoration: none;
+    padding: 10px 15px;
+    border-radius: 6px;
+    margin-bottom: 10px;
+    transition: background 0.2s ease;
+  }
+  .sidebar a:hover, .sidebar a.active {
+    background-color: #34344a;
+    color: #fff;
+  }
+  .main {
+    flex-grow: 1;
+    background-color: #f8f9fa;
+    padding: 40px;
+  }
+</style>
 </head>
-<link rel="stylesheet" href="assets/sidebar.css">
-
 <body>
-  <div id="sidebar-container"></div>
+  <div class="sidebar">
+    <h2>Admin</h2>
+    <a href="/admin/dashboard.html" class="active">Dashboard</a>
+    <a href="/admin/new_student.html">Add Student</a>
+  </div>
 
   <div class="main">
     <h1>Welcome, Admin!</h1>
     <p>This is your admin dashboard.</p>
   </div>
-  
-  <script src="assets/sidebar.js"></script>
-
 </body>
 </html>
diff --git a/docs/admin/list_of_students.html b/docs/admin/list_of_students.html
deleted file mode 100644
index 789a134..0000000
--- a/docs/admin/list_of_students.html
+++ /dev/null
@@ -1,84 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8" />
-  <title>List of Students</title>
-  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" />
-  <style>
-    table {
-      width: 100%;
-      border-collapse: collapse;
-      margin-top: 20px;
-    }
-
-    thead th {
-      text-align: center;
-      background-color: #f0f0f0;
-      color: #333;
-    }
-
-    th,
-    td {
-      padding: 10px;
-      border: 1px solid #ddd;
-      text-align: left;
-      white-space: nowrap;
-    }
-
-    td:first-child,
-    th:first-child {
-      text-align: center;
-      width: 60px;
-    }
-  </style>
-
-</head>
-<link rel="stylesheet" href="assets/sidebar.css">
-
-<body>
-  <div id="sidebar-container"></div>
-
-  <div class="main">
-    <h1>Registered Students</h1>
-    <table>
-      <thead>
-        <tr>
-          <th></th>
-          <th>Student ID</th>
-          <th>Full Name</th>
-          <th>DOB</th>
-          <th>Contact Info</th>
-          <th>Enrollment Status</th>
-        </tr>
-      </thead>
-      <tbody id="studentTableBody">
-        <!-- Rows will be injected here -->
-      </tbody>
-    </table>
-  </div>
-
-  <script>
-    // Load student data
-    fetch("/api/admin/students")
-      .then(res => res.json())
-      .then(students => {
-        const tbody = document.getElementById("studentTableBody");
-        students.forEach(student => {
-          const row = document.createElement("tr");
-          row.innerHTML = `
-            <td><input type="radio" name="selectedStudent" value="${student.id}"></td>
-            <td>${student.id}</td>
-            <td>${student.name}</td>
-            <td>${student.dob}</td>
-            <td>${student.email}</td>
-            <td>${student.status}</td>
-          `;
-          tbody.appendChild(row);
-        });
-      });
-  </script>
-  
-  <script src="assets/sidebar.js"></script>
-
-</body>
-</html>
diff --git a/docs/admin/new_student.html b/docs/admin/new_student.html
index f26fdb2..1f57828 100644
--- a/docs/admin/new_student.html
+++ b/docs/admin/new_student.html
@@ -5,16 +5,53 @@
 <title>New Student Registration</title>
 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
 <style>
+  body {
+    margin: 0;
+    display: flex;
+    height: 100vh;
+    font-family: "Segoe UI", sans-serif;
+  }
+  .sidebar {
+    width: 220px;
+    background-color: #1e1e2f;
+    color: #fff;
+    display: flex;
+    flex-direction: column;
+    padding: 20px;
+  }
+  .sidebar h2 {
+    font-size: 1.5rem;
+    margin-bottom: 30px;
+    text-align: center;
+  }
+  .sidebar a {
+    color: #cfd1d7;
+    text-decoration: none;
+    padding: 10px 15px;
+    border-radius: 6px;
+    margin-bottom: 10px;
+    transition: background 0.2s ease;
+  }
+  .sidebar a:hover, .sidebar a.active {
+    background-color: #34344a;
+    color: #fff;
+  }
+  .main {
+    flex-grow: 1;
+    background-color: #f8f9fa;
+    padding: 40px;
+  }
   .form-container {
     max-width: 500px;
   }
 </style>
-
 </head>
-<link rel="stylesheet" href="assets/sidebar.css">
-
 <body>
-  <div id="sidebar-container"></div>
+  <div class="sidebar">
+    <h2>Admin</h2>
+    <a href="/admin/dashboard.html">Dashboard</a>
+    <a href="/admin/new_student.html" class="active">Add Student</a>
+  </div>
 
   <div class="main">
     <h1>Register New Student</h1>
@@ -123,8 +160,5 @@ <h1>Register New Student</h1>
   });
 });
 </script>
-
-<script src="assets/sidebar.js"></script>
-
 </body>
 </html>
diff --git a/docs/admin/sidebar.html b/docs/admin/sidebar.html
deleted file mode 100644
index 472c390..0000000
--- a/docs/admin/sidebar.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<div class="sidebar">
-  <h2>Admin</h2>
-  <a href="/admin/dashboard.html">Dashboard</a>
-  <a href="/admin/new_student.html">Add Student</a>
-  <a href="/admin/list_of_students.html">List of Students</a>
-</div>