From c72d35620658f05d12e6d7ddda6959ffd8930689 Mon Sep 17 00:00:00 2001
From: AJITHKUMAR12 <48044092+AJITHKUMAR12@users.noreply.github.com>
Date: Fri, 17 Jul 2026 10:31:45 +0530
Subject: [PATCH] Implemented coworkspace new requirement report page

---
 .../configuration/DataSourceConfig.java       |   21 +-
 .../controller/CoworkspaceApicontroller.java  |   73 ++
 .../controller/MainController.java            |   16 +-
 .../service/CoworkspaceService.java           |  461 +++++++
 .../templates/modules/coworkspace.html        | 1112 +++++++++++++++++
 .../templates/modules/coworkspacereport.html  |  695 +++++++++++
 6 files changed, 2371 insertions(+), 7 deletions(-)
 create mode 100644 src/main/java/com/gcc/commissionerreview/controller/CoworkspaceApicontroller.java
 create mode 100644 src/main/java/com/gcc/commissionerreview/service/CoworkspaceService.java
 create mode 100644 src/main/resources/templates/modules/coworkspace.html
 create mode 100644 src/main/resources/templates/modules/coworkspacereport.html

diff --git a/src/main/java/com/gcc/commissionerreview/configuration/DataSourceConfig.java b/src/main/java/com/gcc/commissionerreview/configuration/DataSourceConfig.java
index fd59e62..d78b46d 100644
--- a/src/main/java/com/gcc/commissionerreview/configuration/DataSourceConfig.java
+++ b/src/main/java/com/gcc/commissionerreview/configuration/DataSourceConfig.java
@@ -17,11 +17,11 @@ import org.springframework.transaction.annotation.EnableTransactionManagement;
 @EnableTransactionManagement
 public class DataSourceConfig {
 
-//	private static String host = "localhost:3306";
-//	private static String dbpassword = "root";
+	// private static String host = "localhost:3306";
+	// private static String dbpassword = "root";
 
-	 private static String host ="gcc-facial-db-instance-1.cf48eqcciziq.ap-south-1.rds.amazonaws.com:3306";
-	 private static String dbpassword = "gcc-facial-password";
+	private static String host = "gcc-facial-db-instance-1.cf48eqcciziq.ap-south-1.rds.amazonaws.com:3306";
+	private static String dbpassword = "gcc-facial-password";
 
 	public static class MyDataSourceConfig {
 		@Primary
@@ -222,7 +222,7 @@ public class DataSourceConfig {
 		dataSource.setPassword(dbpassword);
 		return dataSource;
 	}
-	
+
 	////////// RoadWar Web //////////////////////
 	@Bean(name = "mysqlRoadWarWebDataSource")
 	public DataSource mysqlRoadWarWebDataSource() {
@@ -234,6 +234,17 @@ public class DataSourceConfig {
 		return dataSource;
 	}
 
+	@Bean(name = "mysqlcowrspaceDataSource")
+	public DataSource mysqlCoworkspacebDataSource() {
+		DriverManagerDataSource dataSource = new DriverManagerDataSource();
+		dataSource.setDriverClassName("com.mysql.cj.jdbc.Driver");
+		dataSource.setUrl("jdbc:mysql://" + host + "/coworkingspace");
+
+		dataSource.setUsername("root");
+		dataSource.setPassword(dbpassword);
+		return dataSource;
+	}
+
 	////////// News Feed//////////////////////
 	@Bean(name = "mysqlNewsFeedDataSource")
 	public DataSource mysqlNewsFeedDataSource() {
diff --git a/src/main/java/com/gcc/commissionerreview/controller/CoworkspaceApicontroller.java b/src/main/java/com/gcc/commissionerreview/controller/CoworkspaceApicontroller.java
new file mode 100644
index 0000000..27c7997
--- /dev/null
+++ b/src/main/java/com/gcc/commissionerreview/controller/CoworkspaceApicontroller.java
@@ -0,0 +1,73 @@
+package com.gcc.commissionerreview.controller;
+
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.http.HttpStatus;
+import org.springframework.http.ResponseEntity;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.bind.annotation.RestController;
+
+import com.gcc.commissionerreview.service.CommunityHallService;
+import com.gcc.commissionerreview.service.CoworkspaceService;
+
+@RestController
+@RequestMapping("/commissionerreview/api/coworkspace")
+public class CoworkspaceApicontroller {
+
+        @Autowired
+        private CoworkspaceService reportService;
+
+        // ak
+        @GetMapping("/performance-report")
+        public ResponseEntity<List<Map<String, Object>>> getPerformanceReport(
+                        @RequestParam(required = false) String fromDate,
+                        @RequestParam(required = false) String toDate) {
+
+                return ResponseEntity.ok(
+                                reportService.getPerformanceReport(fromDate, toDate));
+        }
+
+        @GetMapping("/building-bookings")
+        public ResponseEntity<List<Map<String, Object>>> getBuildingBookings(
+                        @RequestParam Integer bid,
+                        @RequestParam Integer cid,
+                        @RequestParam(required = false) String fromDate,
+                        @RequestParam(required = false) String toDate,
+                        @RequestParam(required = false) String filterBy) {
+
+                return ResponseEntity.ok(
+                                reportService.getBuildingBookings(bid, cid, fromDate, toDate, filterBy));
+        }
+
+        @GetMapping("/category-summary")
+        public ResponseEntity<List<Map<String, Object>>> getCategorySummary(
+                        @RequestParam Integer bid,
+                        @RequestParam(required = false) String fromDate,
+                        @RequestParam(required = false) String toDate) {
+
+                return ResponseEntity.ok(
+                                reportService.getCategorySummary(
+                                                bid, fromDate, toDate));
+        }
+
+        @GetMapping("/dashboard")
+        public ResponseEntity<Map<String, Object>> getDashboard() {
+                return ResponseEntity.ok(reportService.getDashboard());
+        }
+
+        @GetMapping("/getReport")
+        public ResponseEntity<List<Map<String, Object>>> getReport(
+                        @RequestParam(required = false) String fromDate,
+                        @RequestParam(required = false) String toDate,
+                        @RequestParam(required = false) String filterBy) {
+
+                return ResponseEntity.ok(
+                                reportService.getReport(fromDate, toDate, filterBy));
+        }
+
+}
diff --git a/src/main/java/com/gcc/commissionerreview/controller/MainController.java b/src/main/java/com/gcc/commissionerreview/controller/MainController.java
index 1aa2916..e5d0d96 100644
--- a/src/main/java/com/gcc/commissionerreview/controller/MainController.java
+++ b/src/main/java/com/gcc/commissionerreview/controller/MainController.java
@@ -350,10 +350,22 @@ public class MainController {
     public String communityhallcaretaker(Model model) {
         return "modules/communitycaretaker";
     }
-    
+
     @GetMapping("/roadwarweb/misreport")
     public String roadWarWebReport(Model model) {
         return "modules/roadwarweb/misreport";
     }
-    
+
+    /*
+     * @GetMapping("/coworkspacereport")
+     * public String coworkspacereport(Model model) {
+     * return "modules/coworkspacereport";
+     * }
+     */
+
+    @GetMapping("/coworkspacedetailedreport")
+    public String coworkspacedetailedreport(Model model) {
+        return "modules/coworkspace";
+    }
+
 }
diff --git a/src/main/java/com/gcc/commissionerreview/service/CoworkspaceService.java b/src/main/java/com/gcc/commissionerreview/service/CoworkspaceService.java
new file mode 100644
index 0000000..a734f7d
--- /dev/null
+++ b/src/main/java/com/gcc/commissionerreview/service/CoworkspaceService.java
@@ -0,0 +1,461 @@
+package com.gcc.commissionerreview.service;
+
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+import javax.sql.DataSource;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.beans.factory.annotation.Qualifier;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.jdbc.core.JdbcTemplate;
+import org.springframework.stereotype.Service;
+
+@Service
+public class CoworkspaceService {
+
+    @Autowired
+    private JdbcTemplate jdbcTemplate;
+
+    @Autowired
+    public void setFeedbackDataSource(@Qualifier("mysqlcowrspaceDataSource") DataSource dataSource) {
+        this.jdbcTemplate = new JdbcTemplate(dataSource);
+    }
+
+    public List<Map<String, Object>> getPerformanceReport(String fromDate, String toDate) {
+
+        StringBuilder sql = new StringBuilder();
+
+        sql.append("""
+                    SELECT
+                     b.bid,
+                        b.name AS building_name,
+
+                        COUNT(bk.booking_id) AS total_bookings,
+
+                        IFNULL(SUM(bk.amount),0) AS total_revenue,
+
+                        SUM(
+                            CASE
+                                WHEN CURDATE() BETWEEN bk.from_date AND bk.to_date
+                                THEN 1 ELSE 0
+                            END
+                        ) AS ongoing_bookings,
+
+                        SUM(
+                            CASE
+                                WHEN bk.to_date < CURDATE()
+                                THEN 1 ELSE 0
+                            END
+                        ) AS completed_bookings,
+
+                        SUM(
+                            CASE
+                                WHEN bk.from_date > CURDATE()
+                                THEN 1 ELSE 0
+                            END
+                        ) AS future_bookings
+
+                    FROM booking bk
+                    LEFT JOIN buildings b
+                    ON bk.bid = b.bid
+
+                    WHERE 1=1
+                """);
+
+        List<Object> params = new ArrayList<>();
+
+        if (fromDate != null && !fromDate.isBlank()
+                && toDate != null && !toDate.isBlank()) {
+
+            sql.append(" AND bk.from_date BETWEEN ? AND ? ");
+            params.add(fromDate);
+            params.add(toDate);
+        }
+
+        sql.append("""
+                    GROUP BY b.bid, b.name
+                    ORDER BY b.bid
+                """);
+
+        return jdbcTemplate.queryForList(sql.toString(), params.toArray());
+    }
+
+    public List<Map<String, Object>> getBuildingBookings(
+            Integer bid,
+            Integer cid,
+            String fromDate,
+            String toDate,
+            String filterBy) {
+
+        StringBuilder sql = new StringBuilder();
+
+        sql.append("""
+                SELECT
+                    bk.booking_id,
+                    bk.user_name,
+                    bk.mobile,
+                    bk.from_date,
+                    bk.to_date,
+                    bk.no_of_person,
+                    bk.amount,
+                    bk.cdate AS booking_date
+                FROM booking bk
+                WHERE bk.bid = ?
+                  AND bk.cid = ?
+                  AND bk.booking_status = 'success'
+                """);
+
+        List<Object> params = new ArrayList<>();
+        params.add(bid);
+        params.add(cid);
+
+        if (fromDate != null && !fromDate.isBlank()
+                && toDate != null && !toDate.isBlank()) {
+
+            if ("slot_date".equals(filterBy)) {
+
+                sql.append("""
+                        AND EXISTS (
+                            SELECT 1
+                            FROM calendar cl
+                            WHERE cl.bookingid = bk.booking_id
+                              AND DATE(cl.bdate) BETWEEN ? AND ?
+                        )
+                        """);
+
+                params.add(fromDate);
+                params.add(toDate);
+
+            } else if ("current_date".equals(filterBy)) {
+
+                sql.append("""
+                        AND DATE(bk.cdate) BETWEEN ? AND ?
+                        """);
+
+                params.add(fromDate);
+                params.add(toDate);
+
+            } else {
+
+                sql.append("""
+                        AND bk.from_date BETWEEN ? AND ?
+                        """);
+
+                params.add(fromDate);
+                params.add(toDate);
+            }
+        }
+
+        sql.append("""
+                ORDER BY bk.cdate
+                """);
+
+        return jdbcTemplate.queryForList(sql.toString(), params.toArray());
+    }
+
+    public List<Map<String, Object>> getBuildingBookingswithoutfilterby(Integer bid, Integer cid,
+            String fromDate,
+            String toDate) {
+
+        StringBuilder sql = new StringBuilder();
+
+        sql.append("""
+                    SELECT
+                        booking_id,
+                        user_name,
+                        mobile,
+                        from_date,
+                        to_date,
+                        no_of_person,
+                        amount,
+                        cdate AS booking_date
+                    FROM booking
+                    WHERE bid = ? AND cid = ?
+                """);
+
+        List<Object> params = new ArrayList<>();
+        params.add(bid);
+        params.add(cid);
+
+        if (fromDate != null && !fromDate.isBlank()
+                && toDate != null && !toDate.isBlank()) {
+
+            sql.append(" AND from_date BETWEEN ? AND ? ");
+            params.add(fromDate);
+            params.add(toDate);
+        }
+
+        sql.append(" ORDER BY cdate ");
+
+        return jdbcTemplate.queryForList(sql.toString(), params.toArray());
+    }
+
+    public List<Map<String, Object>> getCategorySummary(Integer bid,
+            String fromDate,
+            String toDate) {
+
+        StringBuilder sql = new StringBuilder();
+
+        sql.append("""
+                    SELECT
+                        c.cid,
+                        c.bid,
+                        c.display_name AS category_name,
+
+                        COUNT(bk.booking_id) AS total_bookings,
+
+                        IFNULL(SUM(bk.amount),0) AS total_revenue,
+
+                        SUM(
+                            CASE
+                                WHEN CURDATE() BETWEEN bk.from_date AND bk.to_date
+                                THEN 1
+                                ELSE 0
+                            END
+                        ) AS ongoing_bookings,
+
+                        SUM(
+                            CASE
+                                WHEN bk.to_date < CURDATE()
+                                THEN 1
+                                ELSE 0
+                            END
+                        ) AS completed_bookings,
+
+                        SUM(
+                            CASE
+                                WHEN bk.from_date > CURDATE()
+                                THEN 1
+                                ELSE 0
+                            END
+                        ) AS future_bookings
+
+                    FROM category c
+
+                    LEFT JOIN booking bk
+                        ON c.cid = bk.cid
+                        AND c.bid = bk.bid
+
+                    WHERE c.bid = ?
+                """);
+
+        List<Object> params = new ArrayList<>();
+        params.add(bid);
+
+        if (fromDate != null && !fromDate.isBlank()
+                && toDate != null && !toDate.isBlank()) {
+
+            sql.append(" AND bk.from_date BETWEEN ? AND ? ");
+
+            params.add(fromDate);
+            params.add(toDate);
+        }
+
+        sql.append("""
+                    GROUP BY c.cid,c.name
+                    ORDER BY c.name
+                """);
+
+        return jdbcTemplate.queryForList(sql.toString(), params.toArray());
+    }
+
+    public Map<String, Object> getDashboard() {
+
+        Map<String, Object> dashboard = new HashMap<>();
+
+        // Card 1
+        Integer totalBuildings = jdbcTemplate.queryForObject(
+                "SELECT COUNT(bid) FROM buildings where isactive = 1 and isdelete = 0",
+                Integer.class);
+
+        // Card 2
+        Integer totalBookings = jdbcTemplate.queryForObject(
+                "SELECT COUNT(booking_id) FROM booking ",
+                Integer.class);
+
+        // Card 3
+        Double totalRevenue = jdbcTemplate.queryForObject(
+                "SELECT IFNULL(SUM(amount),0) FROM booking",
+                Double.class);
+
+        // Card 4
+        List<Map<String, Object>> categories = jdbcTemplate.queryForList("""
+                SELECT
+                    display_name,
+                    COUNT(display_name) AS total
+                FROM category
+                GROUP BY display_name
+                ORDER BY display_name
+                """);
+
+        // Card 5
+        List<Map<String, Object>> slotDetails = jdbcTemplate.queryForList("""
+                SELECT DISTINCT
+                    s.display_name AS subcategory_name,
+                    c.display_name AS category_name,
+                    sl.name AS slot_name
+                FROM category c
+                LEFT JOIN subcategory s
+                    ON c.cid = s.cid
+                LEFT JOIN slots sl
+                    ON s.scid = sl.scid
+                ORDER BY
+                    c.display_name,
+                    s.display_name,
+                    sl.name
+                """);
+
+        dashboard.put("totalBuildings", totalBuildings);
+        dashboard.put("totalBookings", totalBookings);
+        dashboard.put("totalRevenue", totalRevenue);
+
+        dashboard.put("categories", categories);
+
+        dashboard.put("slotCount", slotDetails.size());
+        dashboard.put("slotDetails", slotDetails);
+
+        return dashboard;
+    }
+
+    // new requirement
+    public List<Map<String, Object>> getReport(String fromDate, String toDate, String filterBy) {
+
+        StringBuilder sql = new StringBuilder();
+
+        sql.append("""
+                                                   SELECT
+                                    b.bid,
+
+
+                                    b.name AS building_name,
+                                    b.inauguration_date,
+                                    DATEDIFF(CURDATE(), DATE(b.inauguration_date)) AS operational_days,
+
+                                    COUNT(bk.booking_id) AS total_bookings,
+
+
+                                    IFNULL(SUM(bk.amount), 0) AS total_revenue,
+
+                                    IFNULL(cs.total_slot, 0) AS total_slot,
+
+                                    COUNT(CASE
+                                            WHEN cat.display_name = 'Desk Space'
+                                            THEN bk.booking_id
+                                          END) AS desk_space,
+
+                                    COUNT(CASE
+                                            WHEN cat.display_name = 'Learning Centre'
+                                            THEN bk.booking_id
+                                          END) AS learning_centre,
+
+                                    COUNT(CASE
+                                            WHEN cat.display_name = 'Meeting Rooms'
+                                            THEN bk.booking_id
+                                          END) AS meeting_rooms,
+                                          MAX(CASE
+                        WHEN cat.display_name = 'Desk Space'
+                        THEN cat.cid
+                    END) AS desk_space_cid,
+
+                MAX(CASE
+                        WHEN cat.display_name = 'Learning Centre'
+                        THEN cat.cid
+                    END) AS learning_centre_cid,
+
+                MAX(CASE
+                        WHEN cat.display_name = 'Meeting Rooms'
+                        THEN cat.cid
+                    END) AS meeting_rooms_cid
+
+                                FROM buildings b
+
+                                LEFT JOIN booking bk
+                                       ON b.bid = bk.bid
+
+                                LEFT JOIN category cat
+                                       ON bk.cid = cat.cid
+                                      AND bk.bid = cat.bid
+
+                                LEFT JOIN (
+                                    SELECT
+                                        c.bid,
+                                        COUNT(c.bookingid) AS total_slot
+                                    FROM calendar c
+                                    LEFT JOIN booking b
+                                           ON c.bookingid = b.booking_id
+                                    GROUP BY c.bid
+
+                                ) cs
+                                       ON b.bid = cs.bid
+
+
+                                                """);
+        sql.append(" WHERE 1=1 AND bk.booking_status = 'success' ");
+
+        List<Object> params = new ArrayList<>();
+
+        if (fromDate != null && !fromDate.isBlank()
+                && toDate != null && !toDate.isBlank()) {
+
+            if ("slot_date".equals(filterBy)) {
+
+                sql.append("""
+                            AND EXISTS (
+                                SELECT 1
+                                FROM calendar cl
+                                WHERE cl.bookingid = bk.booking_id
+                                  AND DATE(cl.bdate) BETWEEN ? AND ?
+                            )
+                        """);
+
+                params.add(fromDate);
+                params.add(toDate);
+
+            } else if ("current_date".equals(filterBy)) {
+
+                sql.append("""
+                            AND DATE(bk.cdate) BETWEEN ? AND ?
+                        """);
+
+                params.add(fromDate);
+                params.add(toDate);
+
+            } else {
+
+                sql.append("""
+                            AND bk.from_date BETWEEN ? AND ?
+                        """);
+
+                params.add(fromDate);
+                params.add(toDate);
+            }
+        }
+        /*
+         * List<Object> params = new ArrayList<>();
+         * if (fromDate != null && !fromDate.isBlank()
+         * && toDate != null && !toDate.isBlank()) {
+         * 
+         * sql.append(" AND bk.from_date BETWEEN ? AND ? ");
+         * params.add(fromDate);
+         * params.add(toDate);
+         * }
+         */
+
+        sql.append("""
+                    GROUP BY
+                        b.bid,
+                        b.name,
+                        b.inauguration_date,
+                          cs.total_slot
+
+                    ORDER BY
+                        b.bid
+                """);
+
+        return jdbcTemplate.queryForList(sql.toString(), params.toArray());
+    }
+
+}
diff --git a/src/main/resources/templates/modules/coworkspace.html b/src/main/resources/templates/modules/coworkspace.html
new file mode 100644
index 0000000..b30293d
--- /dev/null
+++ b/src/main/resources/templates/modules/coworkspace.html
@@ -0,0 +1,1112 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
+
+<head>
+    <title>Muthalvarpadaippagam Performance Report</title>
+
+    <!-- Bootstrap 5 CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
+    <!-- FontAwesome CSS for icons -->
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
+    <!-- DataTables CSS -->
+    <link href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css" rel="stylesheet" />
+    <link href="https://cdn.datatables.net/buttons/2.3.6/css/buttons.dataTables.min.css" rel="stylesheet" />
+    <link href="https://cdn.datatables.net/fixedcolumns/4.2.2/css/fixedColumns.dataTables.min.css" rel="stylesheet" />
+
+
+    <style>
+        body {
+            background-color: #f8f9fa;
+        }
+
+        .report-container {
+            overflow-x: auto;
+        }
+
+        /*#hallBookingTable {
+            width: 100% !important;
+        }*/
+
+        .page-header-title h4 {
+            margin: 20px 0;
+            text-align: center;
+            font-weight: bold;
+            color: #003366;
+            text-transform: uppercase;
+        }
+
+        .filter-section {
+            background: #fff;
+            padding: 15px;
+            border-radius: 8px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
+            margin-bottom: 20px;
+        }
+
+        .report-container {
+            background: #fff;
+            padding: 15px;
+            border-radius: 8px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
+        }
+
+
+
+        /* table.dataTable th,
+        table.dataTable td {
+            text-align: center;
+            vertical-align: middle;
+            border: 1px solid #dee2e6 !important;
+            white-space: nowrap;
+        }*/
+        .dashboard-card {
+            height: 180px;
+        }
+
+        .dashboard-card .card-body {
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+        }
+
+        .category-card .card-body {
+            display: block;
+            overflow-y: auto;
+            height: 120px;
+        }
+
+        thead th {
+            background-color: #003366 !important;
+            color: white !important;
+        }
+
+        /* Horizontal Scroll */
+        .dataTables_scrollBody {
+            overflow-x: auto !important;
+            overflow-y: auto !important;
+        }
+
+        /* Fixed Column Background */
+        table.dataTable tbody tr td.dtfc-fixed-left {
+            background-color: #fff !important;
+        }
+
+        table.dataTable.table-striped tbody tr:nth-of-type(odd) td.dtfc-fixed-left {
+            background-color: #f9f9f9 !important;
+        }
+
+        .dataTables_scrollBody {
+            overflow-x: auto !important;
+            overflow-y: auto !important;
+        }
+
+        .select2-container {
+            width: 100% !important;
+        }
+
+        .select2-results__options {
+            max-height: 400px !important;
+            /* increase height */
+        }
+
+        .select2-dropdown {
+            z-index: 9999 !important;
+        }
+
+        /*.dataTables_scrollHeadInner,
+        #hallBookingTable {
+            width: max-content !important;
+        }*/
+
+        /* table.dataTable th,
+        table.dataTable td {
+            white-space: nowrap;
+        }*/
+        /* table.dataTable th,
+        table.dataTable td {
+            text-align: center;
+            vertical-align: middle;
+            border: 1px solid #dee2e6 !important;
+        }
+
+        #hallBookingTable th:nth-child(8),
+        #hallBookingTable td:nth-child(8) {
+            white-space: nowrap !important;
+            min-width: 180px;
+        }
+            
+
+
+        #hallBookingTable th:nth-child(5),
+        #hallBookingTable td:nth-child(5) {
+
+            min-width: 220px;
+            max-width: 220px;
+
+            white-space: normal !important;
+            word-wrap: break-word;
+            word-break: break-word;
+        }
+
+        #hallBookingTable th:nth-child(20),
+        #hallBookingTable td:nth-child(20) {
+            width: 80px !important;
+            max-width: 80px !important;
+            min-width: 80px !important;
+
+            white-space: normal !important;
+            word-break: break-word !important;
+        }*/
+        .hall-name-wrap {
+            min-width: 220px !important;
+            max-width: 220px !important;
+            white-space: normal !important;
+            word-break: break-word;
+        }
+
+        .dashboard-card {
+            border: none;
+            border-radius: 12px;
+            min-height: 110px;
+        }
+
+        /* Total Buildings */
+        .building-card {
+            background: #E3F2FD;
+            color: #1565C0;
+        }
+
+        /* Total Bookings */
+        .booking-card {
+            background: #E8F5E9;
+            color: #2E7D32;
+        }
+
+        /* Total Revenue */
+        .revenue-card {
+            background: #FFF8E1;
+            color: #EF6C00;
+        }
+
+        .dashboard-card h6 {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: 15px;
+        }
+
+        .dashboard-card h3 {
+            font-size: 42px;
+            font-weight: 700;
+            margin: 0;
+        }
+
+        #bookingTable th:nth-child(8),
+        #bookingTable td:nth-child(8) {
+            width: 50px !important;
+            min-width: 50px !important;
+            max-width: 50px !important;
+            text-align: center;
+        }
+
+        #bookingTable th:nth-child(9),
+        #bookingTable td:nth-child(9) {
+            width: 50px !important;
+            min-width: 50px !important;
+            max-width: 50px !important;
+            text-align: center;
+        }
+
+
+
+        /* #hallBookingTable th:not(:nth-child(4)),
+        #hallBookingTable td:not(:nth-child(4)) {
+            white-space: nowrap;
+        }*/
+
+        /* Wrap selected columns */
+
+
+
+        .wrap {
+            white-space: normal !important;
+            word-break: break-word;
+            line-height: 1.2;
+            text-align: center;
+            vertical-align: middle;
+            min-width: 110px;
+        }
+
+
+
+
+        /* Scrollbar */
+        .dataTables_scrollBody::-webkit-scrollbar {
+            height: 8px;
+        }
+
+        .dataTables_scrollBody::-webkit-scrollbar-thumb {
+            background: #c1c1c1;
+            border-radius: 4px;
+        }
+
+        .dataTables_scrollBody::-webkit-scrollbar-track {
+            background: #f1f1f1;
+        }
+    </style>
+</head>
+
+<body>
+
+    <div class="container-fluid py-4">
+        <div class="page-header-title">
+            <h4> Muthalvarpadaippagam Performance Report</h4>
+        </div>
+        <div class="row mb-4">
+            <div class="col-md-3">
+                <div class="card dashboard-card building-card shadow">
+                    <div class="card-body text-center">
+                        <h6>Total No of Muthalvarpadaippagam</h6>
+                        <h3 id="totalBuildings">0</h3>
+                    </div>
+                </div>
+            </div>
+
+            <div class="col-md-3">
+                <div class="card dashboard-card booking-card shadow">
+                    <div class="card-body text-center">
+                        <h6>Total Bookings</h6>
+                        <h3 id="totalBookings">0</h3>
+                    </div>
+                </div>
+            </div>
+
+            <div class="col-md-3">
+                <div class="card dashboard-card revenue-card shadow">
+                    <div class="card-body text-center">
+                        <h6>Total Revenue</h6>
+                        <h3 id="totalRevenue">0</h3>
+                    </div>
+                </div>
+            </div>
+
+            <!--<div class="col-md-3">
+                <div class="card bg-primary text-white shadow dashboard-card">
+                    <div class="card-body text-center">
+                        <h6>Total Buildings</h6>
+                        <h3 id="totalBuildings">0</h3>
+                    </div>
+                </div>
+            </div>
+
+            <div class="col-md-3">
+                <div class="card bg-success text-white shadow dashboard-card">
+                    <div class="card-body text-center">
+                        <h6>Total Bookings</h6>
+                        <h3 id="totalBookings">0</h3>
+                    </div>
+                </div>
+            </div>
+
+            <div class="col-md-3">
+                <div class="card bg-warning text-dark shadow dashboard-card">
+                    <div class="card-body text-center">
+                        <h6>Total Revenue</h6>
+                        <h3 id="totalRevenue">0</h3>
+                    </div>
+                </div>
+            </div>-->
+
+            <div class="col-md-3">
+                <div class="card shadow dashboard-card category-card">
+                    <div class="card-header bg-info text-white d-flex justify-content-between align-items-center">
+                        <b>Categories</b>
+                        <b>Locations</b>
+                    </div>
+
+                    <div class="card-body" id="totalCategories">
+                    </div>
+                </div>
+            </div>
+
+        </div>
+
+        <div class="row mb-4">
+
+
+
+            <!--<div class="col-md-6">
+                <div class="card shadow mt-3">
+
+                    <div class="card-header bg-success text-white">
+                        <b>Category / Slot Details</b>
+                    </div>
+
+                    <div class="card-body">
+
+                        <div id="slotDetails"></div>
+
+                    </div>
+
+                </div>
+            </div>-->
+
+        </div>
+
+        <!-- Filter Section -->
+        <div class="row">
+
+            <div class="col-md-3">
+                <label>From Date</label>
+                <input type="date" id="fromDate" class="form-control">
+            </div>
+
+            <div class="col-md-3">
+                <label>To Date</label>
+                <input type="date" id="toDate" class="form-control">
+            </div>
+            <div class="col-md-3">
+                <label>Filter By</label>
+                <select class="form-control" id="filterBy" name="filterBy">
+                    <option value="">Select</option>
+                    <option value="slot_date">Slot Date</option>
+                    <option value="current_date">Booking Date</option>
+                </select>
+            </div>
+
+            <div class="col-md-3 mt-4">
+
+                <button class="btn btn-primary" id="searchBtn">
+                    Search
+                </button>
+
+                <button class="btn btn-secondary" id="resetBtn">
+                    Reset
+                </button>
+
+            </div>
+
+        </div>
+
+        <!--<div class="col-md-2 mt-4">
+                <button class="btn btn-primary" id="searchBtn">
+                    Search
+                </button>
+                <button class="btn btn-primary" id="resetBtn">
+                    Reset
+                </button>
+                
+            </div>-->
+
+
+
+        <div class="report-container">
+            <table id="reportTable" class="table table-bordered table-striped nowrap" width="100%">
+
+                <thead>
+
+                    <tr>
+
+                        <th>S.No</th>
+                        <th>Muthalvarpadaippagam Name</th>
+                        <th>Inauguration Date</th>
+                        <th class="wrap">Operational Days</th>
+                        <th>Total Booking</th>
+                        <th>Total Reveneue</th>
+                        <th>Total Slot Booked</th>
+                        <th class="wrap">Desk Space Bookings</th>
+                        <th class="wrap">Learning Center Bookings</th>
+                        <th class="wrap">Meeting Room Bookings</th>
+
+
+                    </tr>
+
+                </thead>
+
+                <tbody></tbody>
+
+            </table>
+        </div>
+        <div class="modal fade" id="categoryModal">
+
+            <div class="modal-dialog modal-xl">
+
+                <div class="modal-content">
+
+                    <div class="modal-header">
+                        <h5>Category Summary</h5>
+
+                        <button class="btn-close" data-bs-dismiss="modal"></button>
+                    </div>
+
+                    <div class="modal-body">
+
+                        <table id="categoryTable" class="table table-bordered">
+
+                            <thead>
+
+                                <tr>
+
+                                    <th>S.No</th>
+                                    <th>Category Name</th>
+                                    <th>Total Bookings</th>
+                                    <th>Total Revenue</th>
+                                    <th>Ongoing</th>
+                                    <th>Completed</th>
+                                    <th>Future</th>
+
+                                </tr>
+
+                            </thead>
+
+                        </table>
+
+                    </div>
+
+                </div>
+
+            </div>
+
+        </div>
+
+        <!-- Details Modal -->
+        <div class="modal fade" id="bookingModal">
+
+            <div class="modal-dialog modal-xl">
+
+                <div class="modal-content">
+
+                    <div class="modal-header">
+
+                        <h5>Booking Details</h5>
+
+                        <button class="btn-close" data-bs-dismiss="modal"></button>
+
+                    </div>
+
+                    <div class="modal-body">
+
+                        <table id="bookingTable" class="table table-bordered">
+
+                            <thead>
+
+                                <tr>
+
+                                    <th>S.No</th>
+                                    <th>Booking Id</th>
+                                    <th>Booking Date</th>
+                                    <th>User Name</th>
+                                    <th>Mobile</th>
+                                    <th>From Date</th>
+                                    <th>To Date</th>
+                                    <th>No Of Person</th>
+                                    <th>Amount</th>
+
+
+
+                                </tr>
+
+                            </thead>
+
+                        </table>
+
+                    </div>
+
+                </div>
+
+            </div>
+
+        </div>
+
+        <!-- Media Modal -->
+        <div class="modal fade" id="mediaModal" tabindex="-1" aria-labelledby="mediaModalLabel" aria-hidden="true"
+            style="z-index: 1060;">
+            <div class="modal-dialog modal-lg modal-dialog-centered">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="mediaModalLabel">Media Viewer</h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body text-center" id="mediaModalBody">
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div id="pageLoader"
+            style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); z-index: 9999; text-align: center;">
+            <div style="position: relative; top: 50%; transform: translateY(-50%);">
+                <div class="spinner-border text-primary" role="status" style="width: 3rem; height: 3rem;">
+                    <span class="sr-only"></span>
+                </div>
+                <!-- Add the 'Please wait' text below the spinner -->
+                <p style="margin-top: 1rem; font-size: 1.2rem; color: #007bff;">Please wait...</p>
+            </div>
+        </div>
+
+        <!-- Scripts -->
+
+        <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
+        <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
+        <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
+
+
+        <!-- DataTables JS -->
+        <script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
+        <script src="https://cdn.datatables.net/buttons/2.3.6/js/dataTables.buttons.min.js"></script>
+        <script src="https://cdn.datatables.net/buttons/2.3.6/js/buttons.html5.min.js"></script>
+        <script src="https://cdn.datatables.net/buttons/2.3.6/js/buttons.print.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/pdfmake.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/vfs_fonts.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/xlsx@0.18.5/dist/xlsx.full.min.js"></script>
+        <script src="https://cdn.datatables.net/fixedcolumns/4.2.2/js/dataTables.fixedColumns.min.js"></script>
+
+        <!-- SweetAlert -->
+        <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+
+        <script th:inline="none">
+            $(document).ready(function () {
+                let today = new Date().toISOString().split('T')[0];
+
+                // Restrict both date fields to today
+                $("#fromDate").attr("max", today);
+                $("#toDate").attr("max", today);
+
+                $("#fromDate").on("change", function () {
+
+                    let fromDate = $(this).val();
+
+                    // To Date cannot be before From Date
+                    $("#toDate").attr("min", fromDate);
+
+                    // To Date cannot be after today
+                    $("#toDate").attr("max", today);
+
+                    // Clear To Date if it is outside the valid range
+                    let toDate = $("#toDate").val();
+                    if (toDate && (toDate < fromDate || toDate > today)) {
+                        $("#toDate").val("");
+                    }
+
+                });
+
+
+                loadDashboard();
+                loadReport();
+
+            });
+            let slotData = [];
+            //new requirement
+            function loadDashboard() {
+
+                $.get("/commissionerreview/api/coworkspace/dashboard", function (res) {
+
+                    $("#totalBuildings").text(res.totalBuildings);
+                    $("#totalBookings").text(res.totalBookings);
+                    $("#totalRevenue").text(res.totalRevenue);
+                    let slotHtml = "";
+
+                    res.slotDetails.forEach(function (item) {
+
+                        slotHtml += `
+        <div class="border-bottom py-2">
+
+            <b>${item.category_name}</b><br>
+
+            <small>
+                ${item.subcategory_name}
+                &nbsp;→&nbsp;
+                ${item.slot_name}
+            </small>
+
+        </div>
+    `;
+
+                    });
+
+                    $("#slotDetails").html(slotHtml);
+                    let categoryHtml = "";
+
+                    res.categories.forEach(function (item) {
+
+                        categoryHtml += `
+        <div class="d-flex justify-content-between border-bottom py-2">
+            <span>${item.display_name}</span>
+            <span><b>${item.total}</b></span>
+        </div>
+    `;
+
+                    });
+
+                    $("#totalCategories").html(categoryHtml);
+
+                    slotData = res.slotDetails;
+
+                    $("#slotCount").text(slotData.length);
+
+                });
+
+            }
+            let bookingTable;
+
+            function viewBookings(bid, cid) {
+
+                if ($.fn.DataTable.isDataTable('#bookingTable')) {
+                    $('#bookingTable').DataTable().destroy();
+                }
+                $('#pageLoader').show();
+
+                $('#bookingTable').DataTable({
+
+                    ajax: {
+                        url: "/commissionerreview/api/coworkspace/building-bookings",
+                        type: "GET",
+                        data: {
+                            bid: bid,
+                            cid: cid,
+                            fromDate: $("#fromDate").val(),
+                            toDate: $("#toDate").val(),
+                            filterBy: $("#filterBy").val()
+
+
+                        },
+
+                        dataSrc: "",
+                        complete: function () {
+                            $('#pageLoader').hide();
+                        },
+
+                        error: function () {
+                            $('#pageLoader').hide();
+                            alert("Failed to load booking details.");
+                        }
+                    },
+
+
+                    destroy: true,
+
+                    columns: [
+
+
+                        {
+                            data: null,
+                            render: function (data, type, row, meta) {
+                                return meta.row + 1;
+                            }
+                        },
+                        { data: "booking_id" },
+                        {
+                            data: "booking_date",
+                            render: function (data) {
+                                return formatDate(data);
+                            }
+                        },
+
+                        { data: "user_name" },
+                        { data: "mobile" },
+                        // { data: "from_date" },
+                        // { data: "to_date" },
+                        {
+                            data: "from_date",
+                            render: function (data) {
+                                return formatDate(data);
+                            }
+                        },
+
+                        {
+                            data: "to_date",
+                            render: function (data) {
+                                return formatDate(data);
+                            }
+                        },
+
+                        { data: "no_of_person" },
+                        { data: "amount" }
+
+
+                    ]
+
+                });
+
+                $("#bookingModal").modal("show");
+            }
+            function formatDate(dateStr) {
+                if (!dateStr) return '-';
+
+                // Remove time part if present
+                dateStr = dateStr.split('T')[0];
+
+                const [y, m, d] = dateStr.split('-');
+                return `${d}-${m}-${y}`;
+            }
+
+            function initializeTable() {
+
+                table = $("#reportTable").DataTable({
+                    destroy: true,
+                    processing: true,
+                    columns: [
+
+                        {
+                            data: null,
+                            render: function (data, type, row, meta) {
+                                return meta.row + 1;
+                            }
+                        },
+
+                        {
+                            data: "building_name"
+                        },
+
+                        {
+                            data: "inauguration_date",
+                            render: function (data) {
+                                return formatDate(data);
+                            }
+                        },
+
+                        {
+                            data: "operational_days"
+                        },
+                        {
+                            data: "total_bookings"
+                        },
+                        {
+                            data: "total_revenue"
+                        },
+
+                        {
+                            data: "total_slot"
+                        },
+                        {
+                            data: null,
+                            render: function (data) {
+
+                                if (data.desk_space > 0) {
+
+                                    return '<a href="javascript:void(0)" onclick="viewBookings('
+                                        + data.bid + ','
+                                        + data.desk_space_cid + ')">'
+                                        + data.desk_space +
+                                        '</a>';
+                                }
+
+                                return data.desk_space;
+                            }
+                        },
+                        {
+                            data: null,
+                            render: function (data) {
+
+                                if (data.learning_centre > 0) {
+
+                                    return '<a href="javascript:void(0)" onclick="viewBookings('
+                                        + data.bid + ','
+                                        + data.learning_centre_cid + ')">'
+                                        + data.learning_centre +
+                                        '</a>';
+                                }
+
+                                return data.learning_centre;
+                            }
+                        },
+                        {
+                            data: null,
+                            render: function (data) {
+
+                                if (data.meeting_rooms > 0) {
+
+                                    return '<a href="javascript:void(0)" onclick="viewBookings('
+                                        + data.bid + ','
+                                        + data.meeting_rooms_cid + ')">'
+                                        + data.meeting_rooms +
+                                        '</a>';
+                                }
+
+                                return data.meeting_rooms;
+                            }
+                        }
+                    ],
+                    dom: 'Bfrtip',
+                    paging: false,
+                    buttons: ['excel', 'pdf']
+                });
+
+            }
+            function viewCategorySummary(bid) {
+
+                $('#pageLoader').show();
+
+                if ($.fn.DataTable.isDataTable("#categoryTable")) {
+                    $("#categoryTable").DataTable().destroy();
+                }
+
+                $("#categoryTable").DataTable({
+
+                    destroy: true,
+
+                    ajax: {
+
+                        url: "/commissionerreview/api/coworkspace/category-summary",
+
+                        type: "GET",
+
+                        data: {
+                            bid: bid,
+                            fromDate: $("#fromDate").val(),
+                            toDate: $("#toDate").val()
+                        },
+
+                        dataSrc: "",
+
+                        complete: function () {
+
+                            $('#pageLoader').hide();
+
+                        }
+
+                    },
+
+                    columns: [
+
+                        {
+                            data: null,
+                            render: function (data, type, row, meta) {
+
+                                return meta.row + 1;
+
+                            }
+                        },
+
+                        {
+
+                            data: null,
+
+                            render: function (data) {
+
+                                return '<a href="javascript:void(0)" onclick="viewBookings('
+                                    + data.bid + ',' + data.cid + ')">'
+                                    + data.category_name +
+                                    '</a>';
+
+                            }
+
+                        },
+
+                        { data: "total_bookings" },
+                        { data: "total_revenue" },
+                        { data: "ongoing_bookings" },
+                        { data: "completed_bookings" },
+                        { data: "future_bookings" }
+
+                    ]
+
+                });
+
+                $("#categoryModal").modal("show");
+
+            }
+
+
+            function loadReport(isUserAction = false) {
+                let fromDate = $("#fromDate").val();
+                let toDate = $("#toDate").val();
+                let filterBy = $("#filterBy").val();
+                if (isUserAction) {
+
+                    if (!fromDate && !toDate) {
+                        Swal.fire({
+                            icon: "warning",
+                            title: "Validation",
+                            text: "Please select From Date and To Date."
+                        });
+                        return;
+                    }
+
+                    if (fromDate && !toDate) {
+                        Swal.fire({
+                            icon: "warning",
+                            title: "Validation",
+                            text: "Please select To Date."
+                        });
+                        return;
+                    }
+
+                    if (!fromDate && toDate) {
+                        Swal.fire({
+                            icon: "warning",
+                            title: "Validation",
+                            text: "Please select From Date."
+                        });
+                        return;
+                    }
+
+                    if ((fromDate && toDate) && !filterBy) {
+                        Swal.fire({
+                            icon: "warning",
+                            title: "Validation",
+                            text: "Please select Filter By."
+                        });
+                        return;
+                    }
+                }
+
+                $('#pageLoader').show();
+
+
+                $.ajax({
+
+                    url: "/commissionerreview/api/coworkspace/getReport",
+
+                    type: "GET",
+
+                    data: {
+
+                        /* fromDate: $("#fromDate").val(),
+                         toDate: $("#toDate").val(),
+                         filterBy: $("#filterBy").val()*/
+                        fromDate: fromDate,
+                        toDate: toDate,
+                        filterBy: filterBy
+
+                    },
+
+                    success: function (response) {
+                        $('#pageLoader').hide();
+
+                        if ($.fn.DataTable.isDataTable('#reportTable')) {
+                            $('#reportTable').DataTable().destroy();
+                        }
+
+                        $('#reportTable tbody').empty();
+
+                        table = $('#reportTable').DataTable({
+
+                            destroy: true,
+
+                            data: response,
+
+                            processing: true,
+
+                            columns: [
+
+                                {
+                                    data: null,
+                                    render: function (data, type, row, meta) {
+                                        return meta.row + 1;
+                                    }
+                                },
+
+                                {
+                                    data: "building_name"
+                                },
+
+                                {
+                                    data: "inauguration_date",
+                                    render: function (data) {
+                                        return formatDate(data);
+                                    }
+                                },
+
+                                {
+                                    data: "operational_days"
+                                },
+                                {
+                                    data: "total_bookings"
+                                },
+                                {
+                                    data: "total_revenue"
+                                },
+                                {
+                                    data: "total_slot"
+                                },
+
+
+                                {
+                                    data: null,
+                                    render: function (data) {
+
+                                        if (data.desk_space > 0) {
+
+                                            return '<a href="javascript:void(0)" onclick="viewBookings('
+                                                + data.bid + ','
+                                                + data.desk_space_cid + ')">'
+                                                + data.desk_space +
+                                                '</a>';
+                                        }
+
+                                        return data.desk_space;
+                                    }
+                                },
+                                {
+                                    data: null,
+                                    render: function (data) {
+
+                                        if (data.learning_centre > 0) {
+
+                                            return '<a href="javascript:void(0)" onclick="viewBookings('
+                                                + data.bid + ','
+                                                + data.learning_centre_cid + ')">'
+                                                + data.learning_centre +
+                                                '</a>';
+                                        }
+
+                                        return data.learning_centre;
+                                    }
+                                },
+                                {
+                                    data: null,
+                                    render: function (data) {
+
+                                        if (data.meeting_rooms > 0) {
+
+                                            return '<a href="javascript:void(0)" onclick="viewBookings('
+                                                + data.bid + ','
+                                                + data.meeting_rooms_cid + ')">'
+                                                + data.meeting_rooms +
+                                                '</a>';
+                                        }
+
+                                        return data.meeting_rooms;
+                                    }
+                                }
+
+                            ],
+
+                            dom: 'Bfrtip',
+                            paging: false,
+
+                            buttons: [
+                                'excel',
+                                'pdf'
+                            ]
+
+                        });
+
+                    }
+
+                });
+
+            }
+            $("#searchBtn").click(function () {
+
+                loadReport(true);
+
+            });
+            /*$('#bookingModal').on('hidden.bs.modal', function () {
+                window.location.reload();
+            });*/
+            $("#resetBtn").click(function () {
+
+                $("#fromDate").val("");
+                $("#toDate").val("");
+                $("#filterBy").val("");
+
+                loadReport();
+
+            });
+        </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/modules/coworkspacereport.html b/src/main/resources/templates/modules/coworkspacereport.html
new file mode 100644
index 0000000..ac8e06f
--- /dev/null
+++ b/src/main/resources/templates/modules/coworkspacereport.html
@@ -0,0 +1,695 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
+
+<head>
+    <title>Coworkspace Performance Report</title>
+
+    <!-- Bootstrap 5 CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
+    <!-- FontAwesome CSS for icons -->
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
+    <!-- DataTables CSS -->
+    <link href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css" rel="stylesheet" />
+    <link href="https://cdn.datatables.net/buttons/2.3.6/css/buttons.dataTables.min.css" rel="stylesheet" />
+    <link href="https://cdn.datatables.net/fixedcolumns/4.2.2/css/fixedColumns.dataTables.min.css" rel="stylesheet" />
+
+
+    <style>
+        body {
+            background-color: #f8f9fa;
+        }
+
+        .report-container {
+            overflow-x: auto;
+        }
+
+        /*#hallBookingTable {
+            width: 100% !important;
+        }*/
+
+        .page-header-title h4 {
+            margin: 20px 0;
+            text-align: center;
+            font-weight: bold;
+            color: #003366;
+            text-transform: uppercase;
+        }
+
+        .filter-section {
+            background: #fff;
+            padding: 15px;
+            border-radius: 8px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
+            margin-bottom: 20px;
+        }
+
+        .report-container {
+            background: #fff;
+            padding: 15px;
+            border-radius: 8px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
+        }
+
+
+
+        /* table.dataTable th,
+        table.dataTable td {
+            text-align: center;
+            vertical-align: middle;
+            border: 1px solid #dee2e6 !important;
+            white-space: nowrap;
+        }*/
+
+
+        thead th {
+            background-color: #003366 !important;
+            color: white !important;
+        }
+
+        /* Horizontal Scroll */
+        .dataTables_scrollBody {
+            overflow-x: auto !important;
+            overflow-y: auto !important;
+        }
+
+        /* Fixed Column Background */
+        table.dataTable tbody tr td.dtfc-fixed-left {
+            background-color: #fff !important;
+        }
+
+        table.dataTable.table-striped tbody tr:nth-of-type(odd) td.dtfc-fixed-left {
+            background-color: #f9f9f9 !important;
+        }
+
+        .dataTables_scrollBody {
+            overflow-x: auto !important;
+            overflow-y: auto !important;
+        }
+
+        .select2-container {
+            width: 100% !important;
+        }
+
+        .select2-results__options {
+            max-height: 400px !important;
+            /* increase height */
+        }
+
+        .select2-dropdown {
+            z-index: 9999 !important;
+        }
+
+        /*.dataTables_scrollHeadInner,
+        #hallBookingTable {
+            width: max-content !important;
+        }*/
+
+        /* table.dataTable th,
+        table.dataTable td {
+            white-space: nowrap;
+        }*/
+        /* table.dataTable th,
+        table.dataTable td {
+            text-align: center;
+            vertical-align: middle;
+            border: 1px solid #dee2e6 !important;
+        }
+
+        #hallBookingTable th:nth-child(8),
+        #hallBookingTable td:nth-child(8) {
+            white-space: nowrap !important;
+            min-width: 180px;
+        }
+            
+
+
+        #hallBookingTable th:nth-child(5),
+        #hallBookingTable td:nth-child(5) {
+
+            min-width: 220px;
+            max-width: 220px;
+
+            white-space: normal !important;
+            word-wrap: break-word;
+            word-break: break-word;
+        }
+
+        #hallBookingTable th:nth-child(20),
+        #hallBookingTable td:nth-child(20) {
+            width: 80px !important;
+            max-width: 80px !important;
+            min-width: 80px !important;
+
+            white-space: normal !important;
+            word-break: break-word !important;
+        }*/
+        .hall-name-wrap {
+            min-width: 220px !important;
+            max-width: 220px !important;
+            white-space: normal !important;
+            word-break: break-word;
+        }
+
+
+
+        /* #hallBookingTable th:not(:nth-child(4)),
+        #hallBookingTable td:not(:nth-child(4)) {
+            white-space: nowrap;
+        }*/
+
+        /* Wrap selected columns */
+
+
+
+
+
+
+
+
+        /* Scrollbar */
+        .dataTables_scrollBody::-webkit-scrollbar {
+            height: 8px;
+        }
+
+        .dataTables_scrollBody::-webkit-scrollbar-thumb {
+            background: #c1c1c1;
+            border-radius: 4px;
+        }
+
+        .dataTables_scrollBody::-webkit-scrollbar-track {
+            background: #f1f1f1;
+        }
+    </style>
+</head>
+
+<body>
+
+    <div class="container-fluid py-4">
+        <div class="page-header-title">
+            <h4> Coworkspace Performance Report</h4>
+        </div>
+
+        <!-- Filter Section -->
+        <div class="row">
+
+            <div class="col-md-3">
+                <label>From Date</label>
+                <input type="date" id="fromDate" class="form-control">
+            </div>
+
+            <div class="col-md-3">
+                <label>To Date</label>
+                <input type="date" id="toDate" class="form-control">
+            </div>
+
+            <div class="col-md-6 mt-4">
+
+                <button class="btn btn-primary" id="searchBtn">
+                    Search
+                </button>
+
+                <button class="btn btn-secondary" id="resetBtn">
+                    Reset
+                </button>
+
+            </div>
+
+        </div>
+
+        <!--<div class="col-md-2 mt-4">
+                <button class="btn btn-primary" id="searchBtn">
+                    Search
+                </button>
+                <button class="btn btn-primary" id="resetBtn">
+                    Reset
+                </button>
+                
+            </div>-->
+
+
+
+        <div class="report-container">
+            <table id="reportTable" class="table table-bordered table-striped nowrap" width="100%">
+
+                <thead>
+
+                    <tr>
+
+                        <th>S.No</th>
+                        <th>Building Name</th>
+                        <th>Total Bookings</th>
+                        <th>Total Revenue</th>
+                        <th>Ongoing</th>
+                        <th>Completed</th>
+                        <th>Future</th>
+
+                    </tr>
+
+                </thead>
+
+                <tbody></tbody>
+
+            </table>
+        </div>
+        <div class="modal fade" id="categoryModal">
+
+            <div class="modal-dialog modal-xl">
+
+                <div class="modal-content">
+
+                    <div class="modal-header">
+                        <h5>Category Summary</h5>
+
+                        <button class="btn-close" data-bs-dismiss="modal"></button>
+                    </div>
+
+                    <div class="modal-body">
+
+                        <table id="categoryTable" class="table table-bordered">
+
+                            <thead>
+
+                                <tr>
+
+                                    <th>S.No</th>
+                                    <th>Category Name</th>
+                                    <th>Total Bookings</th>
+                                    <th>Total Revenue</th>
+                                    <th>Ongoing</th>
+                                    <th>Completed</th>
+                                    <th>Future</th>
+
+                                </tr>
+
+                            </thead>
+
+                        </table>
+
+                    </div>
+
+                </div>
+
+            </div>
+
+        </div>
+
+        <!-- Details Modal -->
+        <div class="modal fade" id="bookingModal">
+
+            <div class="modal-dialog modal-xl">
+
+                <div class="modal-content">
+
+                    <div class="modal-header">
+
+                        <h5>Booking Details</h5>
+
+                        <button class="btn-close" data-bs-dismiss="modal"></button>
+
+                    </div>
+
+                    <div class="modal-body">
+
+                        <table id="bookingTable" class="table table-bordered">
+
+                            <thead>
+
+                                <tr>
+
+                                    <th>S.No</th>
+                                    <th>Booking Id</th>
+                                    <th>Booking Date</th>
+                                    <th>User Name</th>
+                                    <th>Mobile</th>
+                                    <th>From Date</th>
+                                    <th>To Date</th>
+                                    <th>No Of Person</th>
+                                    <th>Amount</th>
+
+
+
+                                </tr>
+
+                            </thead>
+
+                        </table>
+
+                    </div>
+
+                </div>
+
+            </div>
+
+        </div>
+
+        <!-- Media Modal -->
+        <div class="modal fade" id="mediaModal" tabindex="-1" aria-labelledby="mediaModalLabel" aria-hidden="true"
+            style="z-index: 1060;">
+            <div class="modal-dialog modal-lg modal-dialog-centered">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="mediaModalLabel">Media Viewer</h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body text-center" id="mediaModalBody">
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div id="pageLoader"
+            style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); z-index: 9999; text-align: center;">
+            <div style="position: relative; top: 50%; transform: translateY(-50%);">
+                <div class="spinner-border text-primary" role="status" style="width: 3rem; height: 3rem;">
+                    <span class="sr-only"></span>
+                </div>
+                <!-- Add the 'Please wait' text below the spinner -->
+                <p style="margin-top: 1rem; font-size: 1.2rem; color: #007bff;">Please wait...</p>
+            </div>
+        </div>
+
+        <!-- Scripts -->
+
+        <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
+        <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
+        <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
+
+
+        <!-- DataTables JS -->
+        <script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
+        <script src="https://cdn.datatables.net/buttons/2.3.6/js/dataTables.buttons.min.js"></script>
+        <script src="https://cdn.datatables.net/buttons/2.3.6/js/buttons.html5.min.js"></script>
+        <script src="https://cdn.datatables.net/buttons/2.3.6/js/buttons.print.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/pdfmake.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/vfs_fonts.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/xlsx@0.18.5/dist/xlsx.full.min.js"></script>
+        <script src="https://cdn.datatables.net/fixedcolumns/4.2.2/js/dataTables.fixedColumns.min.js"></script>
+
+        <!-- SweetAlert -->
+        <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+
+        <script th:inline="none">
+            $(document).ready(function () {
+                let today = new Date().toISOString().split('T')[0];
+
+                // Restrict both date fields to today
+                $("#fromDate").attr("max", today);
+                $("#toDate").attr("max", today);
+
+                $("#fromDate").on("change", function () {
+
+                    let fromDate = $(this).val();
+
+                    // To Date cannot be before From Date
+                    $("#toDate").attr("min", fromDate);
+
+                    // To Date cannot be after today
+                    $("#toDate").attr("max", today);
+
+                    // Clear To Date if it is outside the valid range
+                    let toDate = $("#toDate").val();
+                    if (toDate && (toDate < fromDate || toDate > today)) {
+                        $("#toDate").val("");
+                    }
+
+                });
+
+
+
+                loadReport();
+
+            });
+            let bookingTable;
+
+            function viewBookings(bid, cid) {
+
+                if ($.fn.DataTable.isDataTable('#bookingTable')) {
+                    $('#bookingTable').DataTable().destroy();
+                }
+                $('#pageLoader').show();
+
+                $('#bookingTable').DataTable({
+
+                    ajax: {
+                        url: "/commissionerreview/api/coworkspace/building-bookings",
+                        type: "GET",
+                        data: {
+                            bid: bid,
+                            cid: cid,
+                            fromDate: $("#fromDate").val(),
+                            toDate: $("#toDate").val()
+                        },
+
+                        dataSrc: "",
+                        complete: function () {
+                            $('#pageLoader').hide();
+                        },
+
+                        error: function () {
+                            $('#pageLoader').hide();
+                            alert("Failed to load booking details.");
+                        }
+                    },
+
+
+                    destroy: true,
+
+                    columns: [
+
+
+                        {
+                            data: null,
+                            render: function (data, type, row, meta) {
+                                return meta.row + 1;
+                            }
+                        },
+                        { data: "booking_id" },
+                        {
+                            data: "booking_date",
+                            render: function (data) {
+                                return formatDate(data);
+                            }
+                        },
+
+                        { data: "user_name" },
+                        { data: "mobile" },
+                        { data: "from_date" },
+                        { data: "to_date" },
+                        { data: "no_of_person" },
+                        { data: "amount" }
+
+
+                    ]
+
+                });
+
+                $("#bookingModal").modal("show");
+            }
+            function formatDate(dateStr) {
+                if (!dateStr) return '-';
+
+                // Remove time part if present
+                dateStr = dateStr.split('T')[0];
+
+                const [y, m, d] = dateStr.split('-');
+                return `${d}-${m}-${y}`;
+            }
+
+            function initializeTable() {
+
+                table = $("#reportTable").DataTable({
+                    destroy: true,
+                    processing: true,
+                    columns: [
+                        {
+                            data: null,
+                            render: function (data, type, row, meta) {
+                                return meta.row + 1;
+                            }
+                        },
+                        { data: "building_name" },
+                        { data: "total_bookings" },
+                        { data: "total_revenue" },
+                        { data: "ongoing_bookings" },
+                        { data: "completed_bookings" },
+                        { data: "future_bookings" }
+                    ],
+                    dom: 'Bfrtip',
+                    paging: false,
+                    buttons: ['excel', 'pdf']
+                });
+
+            }
+            function viewCategorySummary(bid) {
+
+                $('#pageLoader').show();
+
+                if ($.fn.DataTable.isDataTable("#categoryTable")) {
+                    $("#categoryTable").DataTable().destroy();
+                }
+
+                $("#categoryTable").DataTable({
+
+                    destroy: true,
+
+                    ajax: {
+
+                        url: "/commissionerreview/api/coworkspace/category-summary",
+
+                        type: "GET",
+
+                        data: {
+                            bid: bid,
+                            fromDate: $("#fromDate").val(),
+                            toDate: $("#toDate").val()
+                        },
+
+                        dataSrc: "",
+
+                        complete: function () {
+
+                            $('#pageLoader').hide();
+
+                        }
+
+                    },
+
+                    columns: [
+
+                        {
+                            data: null,
+                            render: function (data, type, row, meta) {
+
+                                return meta.row + 1;
+
+                            }
+                        },
+
+                        {
+
+                            data: null,
+
+                            render: function (data) {
+
+                                return '<a href="javascript:void(0)" onclick="viewBookings('
+                                    + data.bid + ',' + data.cid + ')">'
+                                    + data.category_name +
+                                    '</a>';
+
+                            }
+
+                        },
+
+                        { data: "total_bookings" },
+                        { data: "total_revenue" },
+                        { data: "ongoing_bookings" },
+                        { data: "completed_bookings" },
+                        { data: "future_bookings" }
+
+                    ]
+
+                });
+
+                $("#categoryModal").modal("show");
+
+            }
+
+
+            function loadReport() {
+                $('#pageLoader').show();
+
+
+                $.ajax({
+
+                    url: "/commissionerreview/api/coworkspace/performance-report",
+
+                    type: "GET",
+
+                    data: {
+
+                        fromDate: $("#fromDate").val(),
+                        toDate: $("#toDate").val()
+
+                    },
+
+                    success: function (response) {
+                        $('#pageLoader').hide();
+
+                        if ($.fn.DataTable.isDataTable('#reportTable')) {
+                            $('#reportTable').DataTable().destroy();
+                        }
+
+                        $('#reportTable tbody').empty();
+
+                        table = $('#reportTable').DataTable({
+
+                            destroy: true,
+
+                            data: response,
+
+                            processing: true,
+
+                            columns: [
+
+                                {
+                                    data: null,
+                                    render: function (data, type, row, meta) {
+                                        return meta.row + 1;
+                                    }
+                                },
+
+                                {
+                                    data: null,
+                                    render: function (data) {
+
+                                        return '<a href="javascript:void(0)" ' +
+                                            'onclick="viewCategorySummary(' + data.bid + ')">' +
+                                            data.building_name +
+                                            '</a>';
+                                    }
+                                },
+                                { data: "total_bookings" },
+                                { data: "total_revenue" },
+                                { data: "ongoing_bookings" },
+                                { data: "completed_bookings" },
+                                { data: "future_bookings" }
+
+                            ],
+
+                            dom: 'Bfrtip',
+                            paging: false,
+
+                            buttons: [
+                                'excel',
+                                'pdf'
+                            ]
+
+                        });
+
+                    }
+
+                });
+
+            }
+            $("#searchBtn").click(function () {
+
+                loadReport();
+
+            });
+            /*$('#bookingModal').on('hidden.bs.modal', function () {
+                window.location.reload();
+            });*/
+            $("#resetBtn").click(function () {
+
+                $("#fromDate").val("");
+                $("#toDate").val("");
+
+                loadReport();
+
+            });
+        </script>
+
+</body>
+
+</html>
\ No newline at end of file