From e46f32ddafbfdc29b8f17fd0ccacc2bb7d144691 Mon Sep 17 00:00:00 2001
From: Dhinesh <dhineshkumar@testpress.in>
Date: Mon, 19 Jan 2026 19:52:24 +0530
Subject: [PATCH 1/2] feat: Add mentor performance page for team leads

- Introduced a new page for team leads to view mentor performance, including academic and review metrics.
- Created separate components for academic and review performance tables, displaying relevant data such as attendance, average ratings, and total reviews.
- Implemented a filter group for enhanced search functionality and navigation.
- Updated the team lead menu to include a link to the new mentor performance page.
- Enhanced the layout and design for improved user experience and consistency across the dashboard.
---
 src/_data/review_performance.json             | 117 ++++++++
 src/_data/top_accademic_performers.json       |  81 ++++++
 .../includes/performance_overview.html        |  34 +--
 src/simba/partials/menus/team_lead_menu.html  |  43 +++
 .../academic_performance_content.html         | 180 ++++++++++++
 .../includes/filter_group.html                |  63 +++++
 .../mentor_performance/includes/header.html   |  15 +
 .../mentor_performance/includes/nav_tab.html  |  27 ++
 .../includes/review_performance_content.html  | 265 ++++++++++++++++++
 .../team_lead/mentor_performance/index.html   |  35 +++
 10 files changed, 831 insertions(+), 29 deletions(-)
 create mode 100644 src/simba/team_lead/mentor_performance/includes/academic_performance_content.html
 create mode 100644 src/simba/team_lead/mentor_performance/includes/filter_group.html
 create mode 100644 src/simba/team_lead/mentor_performance/includes/header.html
 create mode 100644 src/simba/team_lead/mentor_performance/includes/nav_tab.html
 create mode 100644 src/simba/team_lead/mentor_performance/includes/review_performance_content.html
 create mode 100644 src/simba/team_lead/mentor_performance/index.html

diff --git a/src/_data/review_performance.json b/src/_data/review_performance.json
index d8b3ba2318..28ff2e3dcf 100644
--- a/src/_data/review_performance.json
+++ b/src/_data/review_performance.json
@@ -89,5 +89,122 @@
     "two_star_count": 1,
     "one_star_count": 0,
     "rank": 7
+  },
+  {
+    "id": 8,
+    "name": "Kavita Iyer",
+    "image_url": "https://images.unsplash.com/photo-1534528741775-53994a69daeb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=320&h=320&q=80",
+    "average_rating": 4.1,
+    "total_reviews": 85,
+    "five_star_count": 55,
+    "four_star_count": 23,
+    "three_star_count": 6,
+    "two_star_count": 1,
+    "one_star_count": 0,
+    "rank": 8
+  },
+  {
+    "id": 9,
+    "name": "Suresh Menon",
+    "image_url": "https://images.unsplash.com/photo-1519085360753-af0119f7cbe7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=320&h=320&q=80",
+    "average_rating": 4.0,
+    "total_reviews": 82,
+    "five_star_count": 52,
+    "four_star_count": 24,
+    "three_star_count": 5,
+    "two_star_count": 1,
+    "one_star_count": 0,
+    "rank": 9
+  },
+  {
+    "id": 10,
+    "name": "Divya Sharma",
+    "image_url": "https://images.unsplash.com/photo-1517841905240-472988babdf9?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=320&h=320&q=80",
+    "average_rating": 3.9,
+    "total_reviews": 78,
+    "five_star_count": 48,
+    "four_star_count": 23,
+    "three_star_count": 6,
+    "two_star_count": 1,
+    "one_star_count": 0,
+    "rank": 10
+  },
+  {
+    "id": 11,
+    "name": "Rohit Verma",
+    "image_url": "https://images.unsplash.com/photo-1507591064344-4c6ce005b128?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=320&h=320&q=80",
+    "average_rating": 3.8,
+    "total_reviews": 75,
+    "five_star_count": 45,
+    "four_star_count": 22,
+    "three_star_count": 7,
+    "two_star_count": 1,
+    "one_star_count": 0,
+    "rank": 11
+  },
+  {
+    "id": 12,
+    "name": "Sneha Desai",
+    "image_url": "https://images.unsplash.com/photo-1529626455594-4ff0802cfb7e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=320&h=320&q=80",
+    "average_rating": 3.7,
+    "total_reviews": 72,
+    "five_star_count": 42,
+    "four_star_count": 22,
+    "three_star_count": 7,
+    "two_star_count": 1,
+    "one_star_count": 0,
+    "rank": 12
+  },
+  {
+    "id": 13,
+    "name": "Amit Joshi",
+    "image_url": "https://images.unsplash.com/photo-1506277886164-e25aa3f4ef7f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=320&h=320&q=80",
+    "average_rating": 3.6,
+    "total_reviews": 68,
+    "five_star_count": 38,
+    "four_star_count": 22,
+    "three_star_count": 7,
+    "two_star_count": 1,
+    "one_star_count": 0,
+    "rank": 13
+  },
+  {
+    "id": 14,
+    "name": "Pooja Nair",
+    "image_url": "https://images.unsplash.com/photo-1487412720507-e7ab37603c6f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=320&h=320&q=80",
+    "average_rating": 3.5,
+    "total_reviews": 65,
+    "five_star_count": 35,
+    "four_star_count": 22,
+    "three_star_count": 7,
+    "two_star_count": 1,
+    "one_star_count": 0,
+    "rank": 14
+  },
+  {
+    "id": 15,
+    "name": "Neha Gupta",
+    "image_url": "https://images.unsplash.com/photo-1539571696357-5a69c17a67c6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=320&h=320&q=80",
+    "average_rating": 3.4,
+    "total_reviews": 62,
+    "five_star_count": 32,
+    "four_star_count": 22,
+    "three_star_count": 7,
+    "two_star_count": 1,
+    "one_star_count": 0,
+    "rank": 15
+  },
+  {
+    "id": 16,
+    "name": "Rahul Kapoor",
+    "image_url": "https://images.unsplash.com/photo-1508341591423-4347099e1f19?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=320&h=320&q=80",
+    "average_rating": 3.3,
+    "total_reviews": 58,
+    "five_star_count": 28,
+    "four_star_count": 22,
+    "three_star_count": 7,
+    "two_star_count": 1,
+    "one_star_count": 0,
+    "rank": 16
   }
 ]
diff --git a/src/_data/top_accademic_performers.json b/src/_data/top_accademic_performers.json
index 5760d5cdbd..66b5a1e056 100644
--- a/src/_data/top_accademic_performers.json
+++ b/src/_data/top_accademic_performers.json
@@ -61,5 +61,86 @@
     "student_attendance_percentage": 72,
     "average_student_score_percentage": 74,
     "rank": 7
+  },
+  {
+    "id": 8,
+    "name": "Kavita Iyer",
+    "image_url": "https://images.unsplash.com/photo-1534528741775-53994a69daeb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=320&h=320&q=80",
+    "batches_handled": 14,
+    "student_attendance_percentage": 88,
+    "average_student_score_percentage": 85,
+    "rank": 8
+  },
+  {
+    "id": 9,
+    "name": "Suresh Menon",
+    "image_url": "https://images.unsplash.com/photo-1519085360753-af0119f7cbe7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=320&h=320&q=80",
+    "batches_handled": 11,
+    "student_attendance_percentage": 81,
+    "average_student_score_percentage": 78,
+    "rank": 9
+  },
+  {
+    "id": 10,
+    "name": "Divya Sharma",
+    "image_url": "https://images.unsplash.com/photo-1517841905240-472988babdf9?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=320&h=320&q=80",
+    "batches_handled": 9,
+    "student_attendance_percentage": 79,
+    "average_student_score_percentage": 76,
+    "rank": 10
+  },
+  {
+    "id": 11,
+    "name": "Rohit Verma",
+    "image_url": "https://images.unsplash.com/photo-1507591064344-4c6ce005b128?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=320&h=320&q=80",
+    "batches_handled": 15,
+    "student_attendance_percentage": 90,
+    "average_student_score_percentage": 86,
+    "rank": 11
+  },
+  {
+    "id": 12,
+    "name": "Sneha Desai",
+    "image_url": "https://images.unsplash.com/photo-1529626455594-4ff0802cfb7e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=320&h=320&q=80",
+    "batches_handled": 10,
+    "student_attendance_percentage": 76,
+    "average_student_score_percentage": 73,
+    "rank": 12
+  },
+  {
+    "id": 13,
+    "name": "Amit Joshi",
+    "image_url": "https://images.unsplash.com/photo-1506277886164-e25aa3f4ef7f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=320&h=320&q=80",
+    "batches_handled": 12,
+    "student_attendance_percentage": 84,
+    "average_student_score_percentage": 80,
+    "rank": 13
+  },
+  {
+    "id": 14,
+    "name": "Pooja Nair",
+    "image_url": "https://images.unsplash.com/photo-1487412720507-e7ab37603c6f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=320&h=320&q=80",
+    "batches_handled": 8,
+    "student_attendance_percentage": 73,
+    "average_student_score_percentage": 71,
+    "rank": 14
+  },
+  {
+    "id": 15,
+    "name": "Neha Gupta",
+    "image_url": "https://images.unsplash.com/photo-1539571696357-5a69c17a67c6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=320&h=320&q=80",
+    "batches_handled": 13,
+    "student_attendance_percentage": 86,
+    "average_student_score_percentage": 83,
+    "rank": 15
+  },
+  {
+    "id": 16,
+    "name": "Rahul Kapoor",
+    "image_url": "https://images.unsplash.com/photo-1508341591423-4347099e1f19?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=320&h=320&q=80",
+    "batches_handled": 9,
+    "student_attendance_percentage": 77,
+    "average_student_score_percentage": 75,
+    "rank": 16
   }
 ]
diff --git a/src/simba/dashboard/team_lead/includes/performance_overview.html b/src/simba/dashboard/team_lead/includes/performance_overview.html
index 6895dc3362..bc05fe9648 100644
--- a/src/simba/dashboard/team_lead/includes/performance_overview.html
+++ b/src/simba/dashboard/team_lead/includes/performance_overview.html
@@ -1,30 +1,8 @@
 <!-- Projects Card -->
 <div
-  class="flex flex-col bg-white border border-stone-200 rounded-xl shadow-2xs xl:shadow-none dark:bg-neutral-800 dark:border-neutral-700">
-  <!-- Header -->
-  <div class="p-5 pb-2 flex flex-col sm:flex-row sm:justify-between sm:items-center gap-2">
-    <h2 class="inline-block font-semibold text-lg text-stone-800 dark:text-neutral-200">
-      Top Performers
-    </h2>
-
-    <!-- Form Group -->
-    <div class="flex sm:justify-end items-center gap-x-2">
-      <a class="text-sm text-green-600 decoration-2 hover:underline font-medium focus:outline-hidden focus:underline dark:text-green-400 dark:hover:text-green-500"
-        href="#">
-        View Full Reports
-      </a>
-    </div>
-    <!-- End Form Group -->
-  </div>
-  <!-- End Header -->
-
-  <!-- Nav Tab -->
-  <div class="px-5">
-    <!-- Nav Tab -->
-    <nav
-      class="flex gap-1 relative after:absolute after:bottom-0 after:inset-x-0 after:border-b-2 after:border-stone-200 dark:after:border-neutral-700"
-      aria-label="Tabs" role="tablist" aria-orientation="horizontal">
-      <button type="button"
+  class="p-5 space-y-4 flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl dark:bg-neutral-800 dark:border-neutral-700">
+  <nav  class="flex gap-1 relative after:absolute after:bottom-0 after:inset-x-0 after:border-b-2 after:border-stone-200 dark:after:border-neutral-700" aria-label="Tabs" role="tablist" aria-orientation="horizontal">
+    <button type="button"
         class="hs-tab-active:after:bg-stone-800 hs-tab-active:text-stone-800 px-2.5 py-1.5 mb-2 relative inline-flex justify-center items-center gap-x-2 hover:bg-stone-100 text-stone-500 hover:text-stone-800 text-sm rounded-lg disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-stone-100 after:absolute after:-bottom-2 after:inset-x-0 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden active"
         id="hs-pro-tabs-dupmp-item-open" aria-selected="true" data-hs-tab="#hs-pro-tabs-dupmp-open"
         aria-controls="hs-pro-tabs-dupmp-open" role="tab">
@@ -47,10 +25,8 @@ <h2 class="inline-block font-semibold text-lg text-stone-800 dark:text-neutral-2
 
         Review
       </button>
-    </nav>
-    <!-- End Nav Tab -->
-  </div>
-  <!-- End Nav Tab -->
+  </nav>
+
 
   <!-- Tab Content -->
   <div>
diff --git a/src/simba/partials/menus/team_lead_menu.html b/src/simba/partials/menus/team_lead_menu.html
index c4a5eca7b3..f5b79c1b27 100644
--- a/src/simba/partials/menus/team_lead_menu.html
+++ b/src/simba/partials/menus/team_lead_menu.html
@@ -27,6 +27,49 @@
           </svg>
           Assigned Mentors
         </a>
+        <!-- End Link -->
+        <!-- Dropdown Link -->
+        <div
+          class="hs-dropdown [--strategy:static] lg:[--strategy:fixed] [--adaptive:none] lg:[--adaptive:adaptive] lg:[--trigger:hover] lg:inline-block">
+          <!-- Link -->
+          <button id="hs-pro-enlod" type="button"
+            class="hs-dropdown-toggle flex gap-x-3 lg:gap-x-1.5 py-2 px-3 w-full lg:w-auto items-center text-sm text-start text-stone-800 rounded-lg hover:bg-stone-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-stone-100 dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700  {% if page.url in ['/simba/team_lead/mentor_performance/'] %} bg-stone-100 focus:bg-stone-200 dark:bg-neutral-700 dark:focus:bg-neutral-600{% endif %} "
+            aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
+            <svg class="lg:hidden shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+              viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+              stroke-linejoin="round">
+              <path d="M14.5 22H18a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v4" />
+              <polyline points="14 2 14 8 20 8" />
+              <path
+                d="M2.97 13.12c-.6.36-.97 1.02-.97 1.74v3.28c0 .72.37 1.38.97 1.74l3 1.83c.63.39 1.43.39 2.06 0l3-1.83c.6-.36.97-1.02.97-1.74v-3.28c0-.72-.37-1.38-.97-1.74l-3-1.83a1.97 1.97 0 0 0-2.06 0l-3 1.83Z" />
+              <path d="m7 17-4.74-2.85" />
+              <path d="m7 17 4.74-2.85" />
+              <path d="M7 17v5" />
+            </svg>
+            Reports
+            <svg
+              class="hs-dropdown-open:-rotate-180 lg:hs-dropdown-open:rotate-0 duration-300 ms-auto lg:ms-0 shrink-0 size-4"
+              xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
+              stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+              <path d="m6 9 6 6 6-6" />
+            </svg>
+          </button>
+          <!-- End Link -->
+          <!-- Dropdown Menu -->
+          <div
+            class="hs-dropdown-menu transition-[opacity,margin] duration-[0.1ms] lg:duration-150 hs-dropdown-open:opacity-100 opacity-0 relative w-full lg:w-52 hidden z-10 top-full bg-white lg:rounded-lg lg:shadow-xl shadow-stone-200 ps-7 lg:ps-0 before:absolute before:-top-4 before:start-0 before:w-full before:h-5 lg:after:hidden after:absolute after:top-1 after:start-[18px] after:w-0.5 after:h-[calc(100%-0.25rem)] after:bg-stone-100 dark:bg-neutral-800 dark:shadow-neutral-900 dark:after:bg-neutral-700"
+            role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-enlod">
+            <div class="p-1 space-y-0.5">
+              <!-- Link -->
+              <a class="group py-2 px-3 flex items-center gap-x-3 text-sm text-stone-800 hover:bg-stone-100 focus:outline-hidden focus:bg-stone-100 rounded-lg dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700  {% if page.url in ['/simba/team_lead/mentor_performance/'] %} bg-stone-100 dark:bg-neutral-700 {% endif %} "
+                href="{{'/simba/team_lead/mentor_performance/'|url}}">
+                Mentor Performance
+              </a>
+              <!-- End Link -->
+            </div>
+          </div>
+          <!-- End Dropdown Menu -->
+        </div>
       </div>
     </div>
     <!-- End Collapse -->
diff --git a/src/simba/team_lead/mentor_performance/includes/academic_performance_content.html b/src/simba/team_lead/mentor_performance/includes/academic_performance_content.html
new file mode 100644
index 0000000000..c7c9c82689
--- /dev/null
+++ b/src/simba/team_lead/mentor_performance/includes/academic_performance_content.html
@@ -0,0 +1,180 @@
+<!-- Tab Content -->
+<div id="hs-pro-tabs-dupmp-open" role="tabpanel" class="block " aria-labelledby="hs-pro-tabs-dupmp-item-open">
+  <!-- Table Content -->
+  <div
+    class="overflow-x-auto [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-stone-100 [&::-webkit-scrollbar-thumb]:bg-stone-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
+    <div class="min-w-full inline-block align-middle">
+      <!-- Table -->
+      <table class="min-w-full divide-y divide-stone-200 dark:divide-neutral-700">
+        <thead>
+          <tr class="border-t border-stone-200 dark:border-neutral-700">
+            <th scope="col">
+              <!-- Sort Dropdown -->
+              <div class="hs-dropdown relative inline-flex w-full cursor-pointer">
+                <button id="hs-pro-eptai" type="button"
+                  class="px-4 py-2.5 text-start w-full flex items-center gap-x-1 text-sm font-normal text-stone-500 focus:outline-hidden focus:bg-stone-100 dark:text-neutral-500 dark:focus:bg-neutral-700"
+                  aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
+                  Rank
+                  <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                    stroke-linejoin="round">
+                    <path d="m7 15 5 5 5-5" />
+                    <path d="m7 9 5-5 5 5" />
+                  </svg>
+                </button>
+
+                {% include 'src/simba/partials/dropdowns/table_sort.html' %}
+              </div>
+              <!-- End Sort Dropdown -->
+            </th>
+            <th scope="col" class="w-40">
+              <!-- Sort Dropdown -->
+              <div class="hs-dropdown relative inline-flex w-full cursor-pointer">
+                <button id="hs-pro-eptai" type="button"
+                  class="px-4 py-2.5 text-start w-full flex items-center gap-x-1 text-sm font-normal text-stone-500 focus:outline-hidden focus:bg-stone-100 dark:text-neutral-500 dark:focus:bg-neutral-700"
+                  aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
+                  Mentor
+                  <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                    stroke-linejoin="round">
+                    <path d="m7 15 5 5 5-5" />
+                    <path d="m7 9 5-5 5 5" />
+                  </svg>
+                </button>
+
+                {% include 'src/simba/partials/dropdowns/table_sort.html' %}
+              </div>
+              <!-- End Sort Dropdown -->
+            </th>
+
+            <th scope="col" class="min-w-40">
+              <!-- Sort Dropdown -->
+              <div class="hs-dropdown relative inline-flex w-full cursor-pointer">
+                <button id="hs-pro-eptai" type="button"
+                  class="px-4 py-2.5 text-start w-full flex items-center gap-x-1 text-sm font-normal text-stone-500 focus:outline-hidden focus:bg-stone-100 dark:text-neutral-500 dark:focus:bg-neutral-700"
+                  aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
+                  Batches Handled
+                  <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                    stroke-linejoin="round">
+                    <path d="m7 15 5 5 5-5" />
+                    <path d="m7 9 5-5 5 5" />
+                  </svg>
+                </button>
+
+                {% include 'src/simba/partials/dropdowns/table_sort.html' %}
+              </div>
+              <!-- End Sort Dropdown -->
+            </th>
+
+            <th scope="col" class="min-w-40">
+              <!-- Sort Dropdown -->
+              <div class="hs-dropdown relative inline-flex w-full cursor-pointer">
+                <button id="hs-pro-eptai" type="button"
+                  class="px-4 py-2.5 text-start w-full flex items-center gap-x-1 text-sm font-normal text-stone-500 focus:outline-hidden focus:bg-stone-100 dark:text-neutral-500 dark:focus:bg-neutral-700"
+                  aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
+                  Student Attendance %
+                  <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                    stroke-linejoin="round">
+                    <path d="m7 15 5 5 5-5" />
+                    <path d="m7 9 5-5 5 5" />
+                  </svg>
+                </button>
+
+                {% include 'src/simba/partials/dropdowns/table_sort.html' %}
+              </div>
+              <!-- End Sort Dropdown -->
+            </th>
+
+            <th scope="col" class="min-w-40">
+              <!-- Sort Dropdown -->
+              <div class="hs-dropdown relative inline-flex w-full cursor-pointer">
+                <button id="hs-pro-eptai" type="button"
+                  class="px-4 py-2.5 text-start w-full flex items-center gap-x-1 text-sm font-normal text-stone-500 focus:outline-hidden focus:bg-stone-100 dark:text-neutral-500 dark:focus:bg-neutral-700"
+                  aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
+                  Average Student Score %
+                  <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                    stroke-linejoin="round">
+                    <path d="m7 15 5 5 5-5" />
+                    <path d="m7 9 5-5 5 5" />
+                  </svg>
+                </button>
+
+                {% include 'src/simba/partials/dropdowns/table_sort.html' %}
+              </div>
+              <!-- End Sort Dropdown -->
+            </th>
+          </tr>
+        </thead>
+
+        <tbody class="divide-y divide-stone-200 dark:divide-neutral-700">
+          {% for performer in top_accademic_performers %}
+          <tr>
+            <td class="size-px whitespace-nowrap px-4 py-4 text-start">
+              {% if performer.rank == 1 %}
+              <!-- Gold Badge for Rank 1 -->
+              <svg class="shrink-0 size-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                stroke-linejoin="round" class="lucide lucide-award-icon lucide-award">
+                <path
+                  d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526" />
+                <circle cx="12" cy="8" r="6" />
+              </svg>
+              {% elif performer.rank == 2 %}
+              <!-- Silver Badge for Rank 2 -->
+              <svg class="shrink-0 size-6 text-gray-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                stroke-linejoin="round" class="lucide lucide-award-icon lucide-award">
+                <path
+                  d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526" />
+                <circle cx="12" cy="8" r="6" />
+              </svg>
+              {% elif performer.rank == 3 %}
+              <!-- Bronze Badge for Rank 3 -->
+              <svg class="shrink-0 size-6 text-orange-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                stroke-linejoin="round" class="lucide lucide-award-icon lucide-award">
+                <path
+                  d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526" />
+                <circle cx="12" cy="8" r="6" />
+              </svg>
+              {% else %}
+              <span class="text-sm text-stone-800 dark:text-white ms-1">#{{loop.index}}</span>
+              {% endif %}
+            </td>
+            <td class="size-px whitespace-nowrap px-4 py-1">
+              <div class="w-full flex items-center gap-x-3">
+                <img class="shrink-0 size-5 rounded-full" src="{{ performer.image_url }}" alt="{{ performer.name }}">
+                <div class="grow">
+                  <a class="text-sm font-medium text-stone-800 hover:text-green-600 decoration-2 hover:underline focus:outline-hidden focus:underline focus:text-green-600 dark:text-neutral-200 dark:hover:text-green-500 dark:focus:text-green-500"
+                    href="#">
+                    {{ performer.name }}
+                  </a>
+                </div>
+              </div>
+            </td>
+            <td class="size-px whitespace-nowrap px-4 py-1">
+              <span class="text-sm text-stone-800 dark:text-white">{{ performer.batches_handled }}</span>
+            </td>
+            <td class="size-px whitespace-nowrap px-4 py-1">
+              <span class="text-sm text-stone-800 dark:text-white">{{ performer.student_attendance_percentage
+                }}%</span>
+            </td>
+            <td class="size-px whitespace-nowrap px-4 py-1">
+              <span class="text-sm text-stone-800 dark:text-white">{{
+                performer.average_student_score_percentage
+                }}%</span>
+            </td>
+
+          </tr>
+          {% endfor %}
+        </tbody>
+      </table>
+      <!-- End Table -->
+    </div>
+  </div>
+  <!-- End Table Content -->
+</div>
+<!-- Tab Content -->
\ No newline at end of file
diff --git a/src/simba/team_lead/mentor_performance/includes/filter_group.html b/src/simba/team_lead/mentor_performance/includes/filter_group.html
new file mode 100644
index 0000000000..f857b1c2ec
--- /dev/null
+++ b/src/simba/team_lead/mentor_performance/includes/filter_group.html
@@ -0,0 +1,63 @@
+<!-- Filter Group -->
+<div class="grid md:grid-cols-2 gap-y-2 md:gap-y-0 md:gap-x-5">
+  <div>
+    <!-- Search Input -->
+    <div class="relative">
+      <div class="absolute inset-y-0 start-0 flex items-center pointer-events-none z-20 ps-3.5">
+        <svg class="shrink-0 size-4 text-stone-500 dark:text-neutral-400" xmlns="http://www.w3.org/2000/svg" width="24"
+          height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+          stroke-linejoin="round">
+          <circle cx="11" cy="11" r="8" />
+          <path d="m21 21-4.3-4.3" />
+        </svg>
+      </div>
+      <input type="text"
+        class="py-1.5 sm:py-2 ps-10 pe-8 block w-full min-w-75 bg-stone-100 border-transparent rounded-lg sm:text-sm placeholder:text-stone-500 focus:bg-white focus:border-green-500 focus:ring-green-600 checked:border-green-600 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:border-transparent dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:focus:bg-neutral-800 dark:focus:ring-neutral-600"
+        placeholder="Search mentors">
+      <div class="hidden absolute inset-y-0 end-0 flex items-center z-20 pe-1">
+        <button type="button"
+          class="inline-flex shrink-0 justify-center items-center size-6 rounded-full text-gray-500 hover:text-blue-600 focus:outline-hidden focus:text-blue-600 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500"
+          aria-label="Close">
+          <span class="sr-only">Close</span>
+          <svg class="shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
+            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <circle cx="12" cy="12" r="10" />
+            <path d="m15 9-6 6" />
+            <path d="m9 9 6 6" />
+          </svg>
+        </button>
+      </div>
+    </div>
+    <!-- End Search Input -->
+  </div>
+  <!-- End Col -->
+
+  <div class="flex md:justify-end items-center gap-x-2">
+    <!-- Filter Button -->
+    <button type="button"
+      class="py-[9px] px-2.5 inline-flex items-center gap-x-1.5 text-xs font-medium rounded-lg border border-stone-200 bg-white text-stone-800 shadow-2xs hover:bg-stone-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-stone-50 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"
+      data-hs-overlay="#hs-pro-epfo">
+      <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
+        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <line x1="21" x2="14" y1="4" y2="4" />
+        <line x1="10" x2="3" y1="4" y2="4" />
+        <line x1="21" x2="12" y1="12" y2="12" />
+        <line x1="8" x2="3" y1="12" y2="12" />
+        <line x1="21" x2="16" y1="20" y2="20" />
+        <line x1="12" x2="3" y1="20" y2="20" />
+        <line x1="14" x2="14" y1="2" y2="6" />
+        <line x1="8" x2="8" y1="10" y2="14" />
+        <line x1="16" x2="16" y1="18" y2="22" />
+      </svg>
+      Filter
+      <span
+        class="font-medium text-[10px] py-0.5 px-[5px] bg-stone-800 text-white leading-3 rounded-full dark:bg-neutral-500">
+        1
+      </span>
+    </button>
+    <!-- End Filter Button -->
+
+  </div>
+  <!-- End Col -->
+</div>
+<!-- End Filter Group -->
\ No newline at end of file
diff --git a/src/simba/team_lead/mentor_performance/includes/header.html b/src/simba/team_lead/mentor_performance/includes/header.html
new file mode 100644
index 0000000000..78688cca39
--- /dev/null
+++ b/src/simba/team_lead/mentor_performance/includes/header.html
@@ -0,0 +1,15 @@
+<!-- Page Header -->
+<div class="flex flex-wrap justify-between items-center gap-2">
+  <div class="grow">
+    <h1 class="text-lg md:text-xl font-semibold text-stone-800 dark:text-neutral-200">
+      Mentor Performance
+    </h1>
+    <p class="text-[13px] text-stone-500 dark:text-neutral-500">
+      View mentor performance for all batches assigned to you.
+    </p>
+  </div>
+
+  <div class="flex justify-end items-center gap-x-2">
+    <!-- Add more button here -->
+  </div>
+</div>
\ No newline at end of file
diff --git a/src/simba/team_lead/mentor_performance/includes/nav_tab.html b/src/simba/team_lead/mentor_performance/includes/nav_tab.html
new file mode 100644
index 0000000000..f795a1be35
--- /dev/null
+++ b/src/simba/team_lead/mentor_performance/includes/nav_tab.html
@@ -0,0 +1,27 @@
+<nav
+  class="flex gap-1 relative after:absolute after:bottom-0 after:inset-x-0 after:border-b-2 after:border-stone-200 dark:after:border-neutral-700"
+  aria-label="Tabs" role="tablist" aria-orientation="horizontal">
+  <button type="button"
+    class="hs-tab-active:after:bg-stone-800 hs-tab-active:text-stone-800 px-2.5 py-1.5 mb-2 relative inline-flex justify-center items-center gap-x-2 hover:bg-stone-100 text-stone-500 hover:text-stone-800 text-sm rounded-lg disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-stone-100 after:absolute after:-bottom-2 after:inset-x-0 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden active"
+    id="hs-pro-tabs-dupmp-item-open" aria-selected="true" data-hs-tab="#hs-pro-tabs-dupmp-open"
+    aria-controls="hs-pro-tabs-dupmp-open" role="tab">
+    <svg class="shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
+      stroke="currentColor">
+      <path stroke-linecap="round" stroke-linejoin="round"
+        d="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5" />
+    </svg>
+    Academic
+  </button>
+  <button type="button"
+    class="hs-tab-active:after:bg-stone-800 hs-tab-active:text-stone-800 px-2.5 py-1.5 mb-2 relative inline-flex justify-center items-center gap-x-2 hover:bg-stone-100 text-stone-500 hover:text-stone-800 text-sm rounded-lg disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-stone-100 after:absolute after:-bottom-2 after:inset-x-0 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden "
+    id="hs-pro-tabs-dupmp-item-closed" aria-selected="false" data-hs-tab="#hs-pro-tabs-dupmp-closed"
+    aria-controls="hs-pro-tabs-dupmp-closed" role="tab">
+    <svg class="shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
+      stroke="currentColor">
+      <path stroke-linecap="round" stroke-linejoin="round"
+        d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z" />
+    </svg>
+
+    Review
+  </button>
+</nav>
\ No newline at end of file
diff --git a/src/simba/team_lead/mentor_performance/includes/review_performance_content.html b/src/simba/team_lead/mentor_performance/includes/review_performance_content.html
new file mode 100644
index 0000000000..aa31f0f4c7
--- /dev/null
+++ b/src/simba/team_lead/mentor_performance/includes/review_performance_content.html
@@ -0,0 +1,265 @@
+<!-- Tab Content -->
+<div id="hs-pro-tabs-dupmp-closed" role="tabpanel" class="hidden " aria-labelledby="hs-pro-tabs-dupmp-item-closed">
+  <!-- Table Content -->
+  <div
+    class="overflow-x-auto [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-stone-100 [&::-webkit-scrollbar-thumb]:bg-stone-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
+    <div class="min-w-full inline-block align-middle">
+      <!-- Table -->
+      <table class="min-w-full divide-y divide-stone-200 dark:divide-neutral-700">
+        <thead>
+          <tr class="border-t border-stone-200 dark:border-neutral-700">
+            <th scope="col">
+              <!-- Sort Dropdown -->
+              <div class="hs-dropdown relative inline-flex w-full cursor-pointer">
+                <button id="hs-pro-eptai" type="button"
+                  class="px-4 py-2.5 text-start w-full flex items-center gap-x-1 text-sm font-normal text-stone-500 focus:outline-hidden focus:bg-stone-100 dark:text-neutral-500 dark:focus:bg-neutral-700"
+                  aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
+                  Rank
+                  <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                    stroke-linejoin="round">
+                    <path d="m7 15 5 5 5-5" />
+                    <path d="m7 9 5-5 5 5" />
+                  </svg>
+                </button>
+
+                {% include 'src/simba/partials/dropdowns/table_sort.html' %}
+              </div>
+              <!-- End Sort Dropdown -->
+            </th>
+            <th scope="col" class="w-40">
+              <!-- Sort Dropdown -->
+              <div class="hs-dropdown relative inline-flex w-full cursor-pointer">
+                <button id="hs-pro-eptai" type="button"
+                  class="px-4 py-2.5 text-start w-full flex items-center gap-x-1 text-sm font-normal text-stone-500 focus:outline-hidden focus:bg-stone-100 dark:text-neutral-500 dark:focus:bg-neutral-700"
+                  aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
+                  Mentor
+                  <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                    stroke-linejoin="round">
+                    <path d="m7 15 5 5 5-5" />
+                    <path d="m7 9 5-5 5 5" />
+                  </svg>
+                </button>
+
+                {% include 'src/simba/partials/dropdowns/table_sort.html' %}
+              </div>
+              <!-- End Sort Dropdown -->
+
+            </th>
+
+            <th scope="col" class="min-w-36">
+              <!-- Sort Dropdown -->
+              <div class="hs-dropdown relative inline-flex w-full cursor-pointer">
+                <button id="hs-pro-eptai" type="button"
+                  class="px-4 py-2.5 text-start w-full flex items-center gap-x-1 text-sm font-normal text-stone-500 focus:outline-hidden focus:bg-stone-100 dark:text-neutral-500 dark:focus:bg-neutral-700"
+                  aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
+                  Average Rating
+                  <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                    stroke-linejoin="round">
+                    <path d="m7 15 5 5 5-5" />
+                    <path d="m7 9 5-5 5 5" />
+                  </svg>
+                </button>
+
+                {% include 'src/simba/partials/dropdowns/table_sort.html' %}
+              </div>
+              <!-- End Sort Dropdown -->
+            </th>
+
+            <th scope="col" class="min-w-36">
+              <!-- Sort Dropdown -->
+              <div class="hs-dropdown relative inline-flex w-full cursor-pointer">
+                <button id="hs-pro-eptai" type="button"
+                  class="px-4 py-2.5 text-start w-full flex items-center gap-x-1 text-sm font-normal text-stone-500 focus:outline-hidden focus:bg-stone-100 dark:text-neutral-500 dark:focus:bg-neutral-700"
+                  aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
+                  Total Reviews
+                  <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                    stroke-linejoin="round">
+                    <path d="m7 15 5 5 5-5" />
+                    <path d="m7 9 5-5 5 5" />
+                  </svg>
+                </button>
+
+                {% include 'src/simba/partials/dropdowns/table_sort.html' %}
+              </div>
+              <!-- End Sort Dropdown -->
+            </th>
+
+            <th scope="col">
+              <!-- Sort Dropdown -->
+              <div class="hs-dropdown relative inline-flex w-full cursor-pointer">
+                <button id="hs-pro-eptai" type="button"
+                  class="px-4 py-2.5 text-start w-full flex items-center gap-x-1 text-sm font-normal text-stone-500 focus:outline-hidden focus:bg-stone-100 dark:text-neutral-500 dark:focus:bg-neutral-700"
+                  aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
+                  5 Stars
+                  <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                    stroke-linejoin="round">
+                    <path d="m7 15 5 5 5-5" />
+                    <path d="m7 9 5-5 5 5" />
+                  </svg>
+                </button>
+
+                {% include 'src/simba/partials/dropdowns/table_sort.html' %}
+              </div>
+              <!-- End Sort Dropdown -->
+            </th>
+            <th scope="col">
+              <!-- Sort Dropdown -->
+              <div class="hs-dropdown relative inline-flex w-full cursor-pointer">
+                <button id="hs-pro-eptai" type="button"
+                  class="px-4 py-2.5 text-start w-full flex items-center gap-x-1 text-sm font-normal text-stone-500 focus:outline-hidden focus:bg-stone-100 dark:text-neutral-500 dark:focus:bg-neutral-700"
+                  aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
+                  4 Stars
+                  <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                    stroke-linejoin="round">
+                    <path d="m7 15 5 5 5-5" />
+                    <path d="m7 9 5-5 5 5" />
+                  </svg>
+                </button>
+
+                {% include 'src/simba/partials/dropdowns/table_sort.html' %}
+              </div>
+              <!-- End Sort Dropdown -->
+            </th>
+            <th scope="col">
+              <!-- Sort Dropdown -->
+              <div class="hs-dropdown relative inline-flex w-full cursor-pointer">
+                <button id="hs-pro-eptai" type="button"
+                  class="px-4 py-2.5 text-start w-full flex items-center gap-x-1 text-sm font-normal text-stone-500 focus:outline-hidden focus:bg-stone-100 dark:text-neutral-500 dark:focus:bg-neutral-700"
+                  aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
+                  3 Stars
+                  <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                    stroke-linejoin="round">
+                    <path d="m7 15 5 5 5-5" />
+                    <path d="m7 9 5-5 5 5" />
+                  </svg>
+                </button>
+
+                {% include 'src/simba/partials/dropdowns/table_sort.html' %}
+              </div>
+              <!-- End Sort Dropdown -->
+            </th>
+            <th scope="col">
+              <!-- Sort Dropdown -->
+              <div class="hs-dropdown relative inline-flex w-full cursor-pointer">
+                <button id="hs-pro-eptai" type="button"
+                  class="px-4 py-2.5 text-start w-full flex items-center gap-x-1 text-sm font-normal text-stone-500 focus:outline-hidden focus:bg-stone-100 dark:text-neutral-500 dark:focus:bg-neutral-700"
+                  aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
+                  2 Stars
+                  <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                    stroke-linejoin="round">
+                    <path d="m7 15 5 5 5-5" />
+                    <path d="m7 9 5-5 5 5" />
+                  </svg>
+                </button>
+
+                {% include 'src/simba/partials/dropdowns/table_sort.html' %}
+              </div>
+              <!-- End Sort Dropdown -->
+            </th>
+            <th scope="col">
+              <!-- Sort Dropdown -->
+              <div class="hs-dropdown relative inline-flex w-full cursor-pointer">
+                <button id="hs-pro-eptai" type="button"
+                  class="px-4 py-2.5 text-start w-full flex items-center gap-x-1 text-sm font-normal text-stone-500 focus:outline-hidden focus:bg-stone-100 dark:text-neutral-500 dark:focus:bg-neutral-700"
+                  aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
+                  1 Star
+                  <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                    stroke-linejoin="round">
+                    <path d="m7 15 5 5 5-5" />
+                    <path d="m7 9 5-5 5 5" />
+                  </svg>
+                </button>
+
+                {% include 'src/simba/partials/dropdowns/table_sort.html' %}
+              </div>
+              <!-- End Sort Dropdown -->
+            </th>
+          </tr>
+        </thead>
+
+        <tbody class="divide-y divide-stone-200 dark:divide-neutral-700">
+          {% for performer in review_performance %}
+          <tr>
+            <td class="size-px whitespace-nowrap px-4 py-1 px-4 py-4 text-start">
+              {% if performer.rank == 1 %}
+              <!-- Gold Badge for Rank 1 -->
+              <svg class="shrink-0 size-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                stroke-linejoin="round" class="lucide lucide-award-icon lucide-award">
+                <path
+                  d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526" />
+                <circle cx="12" cy="8" r="6" />
+              </svg>
+              {% elif performer.rank == 2 %}
+              <!-- Silver Badge for Rank 2 -->
+              <svg class="shrink-0 size-6 text-gray-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                stroke-linejoin="round" class="lucide lucide-award-icon lucide-award">
+                <path
+                  d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526" />
+                <circle cx="12" cy="8" r="6" />
+              </svg>
+              {% elif performer.rank == 3 %}
+              <!-- Bronze Badge for Rank 3 -->
+              <svg class="shrink-0 size-6 text-orange-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                stroke-linejoin="round" class="lucide lucide-award-icon lucide-award">
+                <path
+                  d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526" />
+                <circle cx="12" cy="8" r="6" />
+              </svg>
+              {% else %}
+              <span class="text-sm text-stone-800 dark:text-white ms-1">#{{loop.index}}</span>
+              {% endif %}
+            </td>
+            <td class="size-px whitespace-nowrap px-4 py-1 px-4 py-1">
+              <div class="w-full flex items-center gap-x-3">
+                <img class="shrink-0 size-5 rounded-full" src="{{ performer.image_url }}" alt="{{ performer.name }}">
+                <div class="grow">
+                  <a class="text-sm font-medium text-stone-800 hover:text-green-600 decoration-2 hover:underline focus:outline-hidden focus:underline focus:text-green-600 dark:text-neutral-200 dark:hover:text-green-500 dark:focus:text-green-500"
+                    href="#">
+                    {{ performer.name }}
+                  </a>
+                </div>
+              </div>
+            </td>
+            <td class="size-px whitespace-nowrap px-4 py-1">
+              <span class="text-sm text-stone-800 dark:text-white">{{ performer.average_rating }}</span>
+            </td>
+            <td class="size-px whitespace-nowrap px-4 py-1">
+              <span class="text-sm text-stone-800 dark:text-white">{{ performer.total_reviews }}</span>
+            </td>
+            <td class="size-px whitespace-nowrap px-4 py-1">
+              <span class="text-sm text-stone-800 dark:text-white">{{ performer.five_star_count }}</span>
+            </td>
+            <td class="size-px whitespace-nowrap px-4 py-1">
+              <span class="text-sm text-stone-800 dark:text-white">{{ performer.four_star_count }}</span>
+            </td>
+            <td class="size-px whitespace-nowrap px-4 py-1">
+              <span class="text-sm text-stone-800 dark:text-white">{{ performer.three_star_count }}</span>
+            </td>
+            <td class="size-px whitespace-nowrap px-4 py-1">
+              <span class="text-sm text-stone-800 dark:text-white">{{ performer.two_star_count }}</span>
+            </td>
+            <td class="size-px whitespace-nowrap px-4 py-1">
+              <span class="text-sm text-stone-800 dark:text-white">{{ performer.one_star_count }}</span>
+            </td>
+          </tr>
+          {% endfor %}
+        </tbody>
+      </table>
+      <!-- End Table -->
+    </div>
+  </div>
+  <!-- End Table Content -->
+</div>
+<!-- Tab Content -->
\ No newline at end of file
diff --git a/src/simba/team_lead/mentor_performance/index.html b/src/simba/team_lead/mentor_performance/index.html
new file mode 100644
index 0000000000..b30aa239a5
--- /dev/null
+++ b/src/simba/team_lead/mentor_performance/index.html
@@ -0,0 +1,35 @@
+---
+tags: simba
+role: "Team Lead"
+view: "Mentor Performance"
+date: 2024-08-20
+parent_page: Overview
+current_page: Mentor Performance
+tailwindv4: true
+batch_limit: 4
+---
+
+{% extends "src/simba/base.html" %} {% block title %} Assigned Mentors | Simba {% endblock title %} {% block content
+%}
+
+<div class="max-w-[85rem] px-4 sm:px-6 lg:px-8 mx-auto">
+  <div class="py-2 sm:pb-0 sm:pt-5 space-y-5">
+    {% include './includes/header.html' %}
+    <!-- Projects Card -->
+    <div
+      class="p-5 space-y-4 flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl dark:bg-neutral-800 dark:border-neutral-700">
+      {% include './includes/nav_tab.html' %}
+      {% include './includes/filter_group.html' %}
+      <!-- Tab Content -->
+      <div>
+        {% include './includes/academic_performance_content.html' %}
+
+        {% include './includes/review_performance_content.html' %}
+      </div>
+      <!-- Tab Content -->
+    </div>
+    <!-- End Projects Card -->
+  </div>
+</div>
+
+{% endblock content %}
\ No newline at end of file

From f2bf8d0788c22ff61b7196736aceeb535f5f71a4 Mon Sep 17 00:00:00 2001
From: Dhinesh <dhineshkumar@testpress.in>
Date: Tue, 20 Jan 2026 11:26:23 +0530
Subject: [PATCH 2/2] feat: Enhance performance overview layout for team leads

- Updated the performance overview HTML to improve the layout and design, including a new header section for "Top Performers."
- Added a link to view full reports, enhancing navigation for team leads.
- Improved the structure of the navigation tab for better usability and visual clarity.
---
 .../includes/performance_overview.html        | 34 ++++++++++++++++---
 1 file changed, 29 insertions(+), 5 deletions(-)

diff --git a/src/simba/dashboard/team_lead/includes/performance_overview.html b/src/simba/dashboard/team_lead/includes/performance_overview.html
index bc05fe9648..290ecf396c 100644
--- a/src/simba/dashboard/team_lead/includes/performance_overview.html
+++ b/src/simba/dashboard/team_lead/includes/performance_overview.html
@@ -1,8 +1,30 @@
 <!-- Projects Card -->
 <div
-  class="p-5 space-y-4 flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl dark:bg-neutral-800 dark:border-neutral-700">
-  <nav  class="flex gap-1 relative after:absolute after:bottom-0 after:inset-x-0 after:border-b-2 after:border-stone-200 dark:after:border-neutral-700" aria-label="Tabs" role="tablist" aria-orientation="horizontal">
-    <button type="button"
+  class="flex flex-col bg-white border border-stone-200 rounded-xl shadow-2xs xl:shadow-none dark:bg-neutral-800 dark:border-neutral-700">
+  <!-- Header -->
+  <div class="p-5 pb-2 flex flex-col sm:flex-row sm:justify-between sm:items-center gap-2">
+    <h2 class="inline-block font-semibold text-lg text-stone-800 dark:text-neutral-200">
+      Top Performers
+    </h2>
+
+    <!-- Form Group -->
+    <div class="flex sm:justify-end items-center gap-x-2">
+      <a class="text-sm text-green-600 decoration-2 hover:underline font-medium focus:outline-hidden focus:underline dark:text-green-400 dark:hover:text-green-500"
+        href="{{'/simba/team_lead/mentor_performance/'|url}}">
+        View Full Reports
+      </a>
+    </div>
+    <!-- End Form Group -->
+  </div>
+  <!-- End Header -->
+
+  <!-- Nav Tab -->
+  <div class="px-5">
+    <!-- Nav Tab -->
+    <nav
+      class="flex gap-1 relative after:absolute after:bottom-0 after:inset-x-0 after:border-b-2 after:border-stone-200 dark:after:border-neutral-700"
+      aria-label="Tabs" role="tablist" aria-orientation="horizontal">
+      <button type="button"
         class="hs-tab-active:after:bg-stone-800 hs-tab-active:text-stone-800 px-2.5 py-1.5 mb-2 relative inline-flex justify-center items-center gap-x-2 hover:bg-stone-100 text-stone-500 hover:text-stone-800 text-sm rounded-lg disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-stone-100 after:absolute after:-bottom-2 after:inset-x-0 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden active"
         id="hs-pro-tabs-dupmp-item-open" aria-selected="true" data-hs-tab="#hs-pro-tabs-dupmp-open"
         aria-controls="hs-pro-tabs-dupmp-open" role="tab">
@@ -25,8 +47,10 @@
 
         Review
       </button>
-  </nav>
-
+    </nav>
+    <!-- End Nav Tab -->
+  </div>
+  <!-- End Nav Tab -->
 
   <!-- Tab Content -->
   <div>