Fix category check in schedule dialog for water heater

lib/pages/access_management/booking_system/data/services/memory_bookable_space_service.dart

@@ -1,63 +0,0 @@
-import 'package:syncrow_web/pages/access_management/booking_system/data/services/remote_calendar_service.dart';
-import 'package:syncrow_web/pages/access_management/booking_system/domain/LoadEventsParam.dart';
-import 'package:syncrow_web/pages/access_management/booking_system/domain/models/calendar_event_booking.dart';
-import 'package:syncrow_web/pages/access_management/booking_system/domain/services/calendar_system_service.dart';
-
-class MemoryCalendarService implements CalendarSystemService {
-  final Map<String, CalendarEventsResponse> _eventsCache = {};
-
-  @override
-  Future<CalendarEventsResponse> getCalendarEvents({
-    required LoadEventsParam params,
-  }) async {
-    final key = params.generateKey();
-
-    return _eventsCache[key]!;
-  }
-
-  void setEvents(
-    LoadEventsParam param,
-    CalendarEventsResponse events,
-  ) {
-    final key = param.generateKey();
-    _eventsCache[key] = events;
-  }
-
-  void addEvent(LoadEventsParam param, CalendarEventsResponse event) {
-    final key = param.generateKey();
-
-    _eventsCache[key] = event;
-  }
-
-  void clear() {
-    _eventsCache.clear();
-  }
-}
-
-class MemoryCalendarServiceWithRemoteFallback implements CalendarSystemService {
-  final MemoryCalendarService memoryService;
-  final RemoteCalendarService remoteService;
-
-  MemoryCalendarServiceWithRemoteFallback({
-    required this.memoryService,
-    required this.remoteService,
-  });
-
-  @override
-  Future<CalendarEventsResponse> getCalendarEvents({
-    required LoadEventsParam params,
-  }) async {
-    final key = params.generateKey();
-    final doesExistInMemory = memoryService._eventsCache.containsKey(key);
-
-    if (doesExistInMemory) {
-      return memoryService.getCalendarEvents(params: params);
-    } else {
-      final remoteResult =
-          await remoteService.getCalendarEvents(params: params);
-      memoryService.setEvents(params, remoteResult);
-
-      return remoteResult;
-    }
-  }
-}

lib/pages/access_management/booking_system/data/services/remote_calendar_service.dart

@@ -1,5 +1,4 @@
 import 'package:dio/dio.dart';
-import 'package:syncrow_web/pages/access_management/booking_system/domain/LoadEventsParam.dart';
 import 'package:syncrow_web/pages/access_management/booking_system/domain/models/calendar_event_booking.dart';
 import 'package:syncrow_web/pages/access_management/booking_system/domain/services/calendar_system_service.dart';
 import 'package:syncrow_web/services/api/api_exception.dart';
@@ -14,21 +13,147 @@ class RemoteCalendarService implements CalendarSystemService {
 
   @override
   Future<CalendarEventsResponse> getCalendarEvents({
-    required LoadEventsParam params,
+    required String spaceId,
   }) async {
-    final month = params.startDate.month.toString().padLeft(2, '0');
-    final year = params.startDate.year.toString();
-
     try {
-      return await _httpService.get<CalendarEventsResponse>(
+      final response = await _httpService.get(
-        path: ApiEndpoints.getBookings
+        path: ApiEndpoints.getCalendarEvents,
-            .replaceAll('{mm}', month)
+        queryParameters: {
-            .replaceAll('{yyyy}', year)
+          'spaceId': spaceId,
-            .replaceAll('{space}', params.id),
+        },
         expectedResponseModel: (json) {
-          return CalendarEventsResponse.fromJson(json as Map<String, dynamic>);
+          return CalendarEventsResponse.fromJson(
+            json as Map<String, dynamic>,
+          );
         },
       );
+
+      return CalendarEventsResponse.fromJson(response as Map<String, dynamic>);
+    } on DioException catch (e) {
+      final responseData = e.response?.data;
+      if (responseData is Map<String, dynamic>) {
+        final errorMessage = responseData['error']?['message'] as String? ??
+            responseData['message'] as String? ??
+            _defaultErrorMessage;
+        throw APIException(errorMessage);
+      }
+      throw APIException(_defaultErrorMessage);
+    } catch (e) {
+      throw APIException('$_defaultErrorMessage: ${e.toString()}');
+    }
+  }
+}
+
+class FakeRemoteCalendarService implements CalendarSystemService {
+  const FakeRemoteCalendarService(this._httpService, {this.useDummy = false});
+
+  final HTTPService _httpService;
+  final bool useDummy;
+  static const _defaultErrorMessage = 'Failed to load Calendar';
+
+  @override
+  Future<CalendarEventsResponse> getCalendarEvents({
+    required String spaceId,
+  }) async {
+    if (useDummy) {
+      final dummyJson = {
+        'statusCode': 200,
+        'message': 'Successfully fetched all bookings',
+        'data': [
+          {
+            'uuid': 'd4553fa6-a0c9-4f42-81c9-99a13a57bf80',
+            'date': '2025-07-11T10:22:00.626Z',
+            'startTime': '09:00:00',
+            'endTime': '12:00:00',
+            'cost': 10,
+            'user': {
+              'uuid': '784394ff-3197-4c39-9f07-48dc44920b1e',
+              'firstName': 'salsabeel',
+              'lastName': 'abuzaid',
+              'email': 'test@test.com',
+              'companyName': null
+            },
+            'space': {
+              'uuid': '000f4d81-43e4-4ad7-865c-0f8b04b7081e',
+              'spaceName': '2(1)'
+            }
+          },
+          {
+            'uuid': 'e9b27af0-b963-4d98-9657-454c4ba78561',
+            'date': '2025-07-11T10:22:00.626Z',
+            'startTime': '12:00:00',
+            'endTime': '13:00:00',
+            'cost': 10,
+            'user': {
+              'uuid': '784394ff-3197-4c39-9f07-48dc44920b1e',
+              'firstName': 'salsabeel',
+              'lastName': 'abuzaid',
+              'email': 'test@test.com',
+              'companyName': null
+            },
+            'space': {
+              'uuid': '000f4d81-43e4-4ad7-865c-0f8b04b7081e',
+              'spaceName': '2(1)'
+            }
+          },
+          {
+            'uuid': 'e9b27af0-b963-4d98-9657-454c4ba78561',
+            'date': '2025-07-13T10:22:00.626Z',
+            'startTime': '15:30:00',
+            'endTime': '19:00:00',
+            'cost': 20,
+            'user': {
+              'uuid': '784394ff-3197-4c39-9f07-48dc44920b1e',
+              'firstName': 'salsabeel',
+              'lastName': 'abuzaid',
+              'email': 'test@test.com',
+              'companyName': null
+            },
+            'space': {
+              'uuid': '000f4d81-43e4-4ad7-865c-0f8b04b7081e',
+              'spaceName': '2(1)'
+            }
+          }
+        ],
+        'success': true
+      };
+      final response = CalendarEventsResponse.fromJson(dummyJson);
+
+      // Filter events by spaceId
+      final filteredData = response.data.where((event) {
+        return event.space.uuid == spaceId;
+      }).toList();
+      print('Filtering events for spaceId: $spaceId');
+      print('Found ${filteredData.length} matching events');
+      return filteredData.isNotEmpty
+          ? CalendarEventsResponse(
+              statusCode: response.statusCode,
+              message: response.message,
+              data: filteredData,
+              success: response.success,
+            )
+          : CalendarEventsResponse(
+              statusCode: 404,
+              message: 'No events found for spaceId: $spaceId',
+              data: [],
+              success: false,
+            );
+    }
+
+    try {
+      final response = await _httpService.get(
+        path: ApiEndpoints.getCalendarEvents,
+        queryParameters: {
+          'spaceId': spaceId,
+        },
+        expectedResponseModel: (json) {
+          return CalendarEventsResponse.fromJson(
+            json as Map<String, dynamic>,
+          );
+        },
+      );
+
+      return CalendarEventsResponse.fromJson(response as Map<String, dynamic>);
     } on DioException catch (e) {
       final responseData = e.response?.data;
       if (responseData is Map<String, dynamic>) {

lib/pages/access_management/booking_system/domain/LoadEventsParam.dart

@@ -1,34 +0,0 @@
-import 'package:equatable/equatable.dart';
-
-class LoadEventsParam extends Equatable {
-  final DateTime startDate;
-  final DateTime endDate;
-  final String id;
-
-  const LoadEventsParam({
-    required this.startDate,
-    required this.endDate,
-    required this.id,
-  });
-
-  @override
-  List<Object?> get props => [startDate, endDate, id];
-
-  LoadEventsParam copyWith({
-    DateTime? startDate,
-    DateTime? endDate,
-    String? id,
-  }) {
-    return LoadEventsParam(
-      startDate: startDate ?? this.startDate,
-      endDate: endDate ?? this.endDate,
-      id: id ?? this.id,
-    );
-  }
-}
-
-extension KeyGenerator on LoadEventsParam {
-  String generateKey() {
-    return '$id-${startDate.year}-${startDate.month.toString().padLeft(2, '0')}';
-  }
-}

lib/pages/access_management/booking_system/domain/services/calendar_system_service.dart

@@ -1,8 +1,7 @@
-import 'package:syncrow_web/pages/access_management/booking_system/domain/LoadEventsParam.dart';
 import 'package:syncrow_web/pages/access_management/booking_system/domain/models/calendar_event_booking.dart';
 
 abstract class CalendarSystemService {
   Future<CalendarEventsResponse> getCalendarEvents({
-    required LoadEventsParam params,
+    required String spaceId,
   });
 }

lib/pages/access_management/booking_system/presentation/bloc/calendar/events_bloc.dart

@@ -2,10 +2,9 @@ import 'dart:async';
 import 'package:bloc/bloc.dart';
 import 'package:calendar_view/calendar_view.dart';
 import 'package:flutter/material.dart';
-import 'package:syncrow_web/pages/access_management/booking_system/domain/LoadEventsParam.dart';
 import 'package:syncrow_web/pages/access_management/booking_system/domain/models/calendar_event_booking.dart';
 import 'package:syncrow_web/pages/access_management/booking_system/domain/services/calendar_system_service.dart';
-import 'package:syncrow_web/pages/access_management/booking_system/data/services/memory_bookable_space_service.dart';
+
 part 'events_event.dart';
 part 'events_state.dart';
 
@@ -13,35 +12,27 @@ class CalendarEventsBloc extends Bloc<CalendarEventsEvent, CalendarEventState> {
   final EventController eventController = EventController();
   final CalendarSystemService calendarService;
 
-  CalendarEventsBloc({
+  CalendarEventsBloc({required this.calendarService}) : super(EventsInitial()) {
-    required this.calendarService,
-  }) : super(EventsInitial()) {
     on<LoadEvents>(_onLoadEvents);
     on<AddEvent>(_onAddEvent);
+    on<StartTimer>(_onStartTimer);
     on<DisposeResources>(_onDisposeResources);
     on<GoToWeek>(_onGoToWeek);
   }
+
   Future<void> _onLoadEvents(
     LoadEvents event,
     Emitter<CalendarEventState> emit,
   ) async {
-    final param = event.param;
-    final month = param.endDate.month;
-    final year = param.endDate.year;
-    final spaceId = param.id;
-
     emit(EventsLoading());
     try {
-      final response = await calendarService.getCalendarEvents(params: param);
+      final response = await calendarService.getCalendarEvents(
-
+        spaceId: event.spaceId,
-      final events = response.data.map(_toCalendarEventData).toList();
+      );
+      final events =
+          response.data.map<CalendarEventData>(_toCalendarEventData).toList();
       eventController.addAll(events);
-      emit(EventsLoaded(
+      emit(EventsLoaded(events: events));
-        events: events,
-        spaceId: spaceId,
-        month: month,
-        year: year,
-      ));
     } catch (e) {
       emit(EventsError('Failed to load events'));
     }
@@ -49,19 +40,16 @@ class CalendarEventsBloc extends Bloc<CalendarEventsEvent, CalendarEventState> {
 
   void _onAddEvent(AddEvent event, Emitter<CalendarEventState> emit) {
     eventController.add(event.event);
-
     if (state is EventsLoaded) {
       final loaded = state as EventsLoaded;
-
       emit(EventsLoaded(
         events: [...eventController.events],
-        spaceId: loaded.spaceId,
-        month: loaded.month,
-        year: loaded.year,
       ));
     }
   }
 
+  void _onStartTimer(StartTimer event, Emitter<CalendarEventState> emit) {}
+
   void _onDisposeResources(
       DisposeResources event, Emitter<CalendarEventState> emit) {
     eventController.dispose();
@@ -73,9 +61,6 @@ class CalendarEventsBloc extends Bloc<CalendarEventsEvent, CalendarEventState> {
       final newWeekDays = _getWeekDays(event.weekDate);
       emit(EventsLoaded(
         events: loaded.events,
-        spaceId: loaded.spaceId,
-        month: loaded.month,
-        year: loaded.year,
       ));
     }
   }
@@ -105,13 +90,14 @@ class CalendarEventsBloc extends Bloc<CalendarEventsEvent, CalendarEventState> {
     );
 
     return CalendarEventData(
-      date: startTime,
+      date: startTime, 
       startTime: startTime,
       endTime: endTime,
-      title: '${booking.user.firstName} ${booking.user.lastName}',
+      title:
+          '${booking.space.spaceName} - ${booking.user.firstName} ${booking.user.lastName}',
       description: 'Cost: ${booking.cost}',
       color: Colors.blue,
-      event: booking,
+      event: booking, 
     );
   }
 

lib/pages/access_management/booking_system/presentation/bloc/calendar/events_event.dart

@@ -6,10 +6,16 @@ abstract class CalendarEventsEvent {
 }
 
 class LoadEvents extends CalendarEventsEvent {
-  final LoadEventsParam param;
+  final String spaceId;
-  const LoadEvents(this.param);
+  final DateTime weekStart;
-}
+  final DateTime weekEnd;
 
+  const LoadEvents({
+    required this.spaceId,
+    required this.weekStart,
+    required this.weekEnd,
+  });
+}
 
 class AddEvent extends CalendarEventsEvent {
   final CalendarEventData event;

lib/pages/access_management/booking_system/presentation/bloc/calendar/events_state.dart

@@ -7,17 +7,11 @@ class EventsInitial extends CalendarEventState {}
 
 class EventsLoading extends CalendarEventState {}
 
-final class EventsLoaded extends CalendarEventState {
+class EventsLoaded extends CalendarEventState {
   final List<CalendarEventData> events;
-  final String spaceId;
-  final int month;
-  final int year;
 
   EventsLoaded({
     required this.events,
-    required this.spaceId,
-    required this.month,
-    required this.year,
   });
 }
 

lib/pages/access_management/booking_system/presentation/view/booking_page.dart

@@ -2,13 +2,11 @@ import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:calendar_view/calendar_view.dart';
 import 'package:syncrow_web/pages/access_management/booking_system/data/services/remote_calendar_service.dart';
-import 'package:syncrow_web/pages/access_management/booking_system/domain/LoadEventsParam.dart';
 import 'package:syncrow_web/pages/access_management/booking_system/presentation/bloc/calendar/events_bloc.dart';
 import 'package:syncrow_web/pages/access_management/booking_system/presentation/bloc/date_selection/date_selection_bloc.dart';
 import 'package:syncrow_web/pages/access_management/booking_system/presentation/bloc/date_selection/date_selection_event.dart';
 import 'package:syncrow_web/pages/access_management/booking_system/presentation/bloc/date_selection/date_selection_state.dart';
 import 'package:syncrow_web/pages/access_management/booking_system/presentation/bloc/selected_bookable_space_bloc/selected_bookable_space_bloc.dart';
-import 'package:syncrow_web/pages/access_management/booking_system/data/services/memory_bookable_space_service.dart';
 import 'package:syncrow_web/pages/access_management/booking_system/presentation/view/widgets/booking_sidebar.dart';
 import 'package:syncrow_web/pages/access_management/booking_system/presentation/view/widgets/custom_calendar_page.dart';
 import 'package:syncrow_web/pages/access_management/booking_system/presentation/view/widgets/icon_text_button.dart';
@@ -48,11 +46,9 @@ class _BookingPageState extends State<BookingPage> {
     if (selectedRoom != null) {
       context.read<CalendarEventsBloc>().add(
             LoadEvents(
-              LoadEventsParam(
+              spaceId: selectedRoom.uuid,
-                startDate: dateState.weekStart,
+              weekStart: dateState.weekStart,
-                endDate: dateState.weekStart.add(const Duration(days: 6)),
+              weekEnd: dateState.weekStart.add(const Duration(days: 6)),
-                id: selectedRoom.uuid,
-              ),
             ),
           );
     }
@@ -65,14 +61,11 @@ class _BookingPageState extends State<BookingPage> {
         BlocProvider(create: (_) => SelectedBookableSpaceBloc()),
         BlocProvider(create: (_) => DateSelectionBloc()),
         BlocProvider(
-            create: (_) => CalendarEventsBloc(
+          create: (_) => CalendarEventsBloc(
-                  calendarService: MemoryCalendarServiceWithRemoteFallback(
+            calendarService:
-                    remoteService: RemoteCalendarService(
+                FakeRemoteCalendarService(HTTPService(), useDummy: true),
-                      HTTPService(),
+          ),
-                    ),
+        ),
-                    memoryService: MemoryCalendarService(),
-                  ),
-                )),
       ],
       child: Builder(
         builder: (context) =>
@@ -145,7 +138,7 @@ class _BookingPageState extends State<BookingPage> {
                     ),
                   ),
                   Expanded(
-                    flex: 5,
+                    flex: 4,
                     child: Padding(
                       padding: const EdgeInsets.all(20.0),
                       child: Column(
@@ -194,7 +187,6 @@ class _BookingPageState extends State<BookingPage> {
                             ],
                           ),
                           Expanded(
-                            flex: 5,
                             child: BlocBuilder<SelectedBookableSpaceBloc,
                                 SelectedBookableSpaceState>(
                               builder: (context, roomState) {

lib/pages/access_management/booking_system/presentation/view/widgets/booking_sidebar.dart

@@ -72,7 +72,11 @@ class __SidebarContentState extends State<_SidebarContent> {
   @override
   Widget build(BuildContext context) {
     return BlocConsumer<SidebarBloc, SidebarState>(
-      listener: (context, state) {},
+      listener: (context, state) {
+        if (state.currentPage == 1 && searchController.text.isNotEmpty) {
+          searchController.clear();
+        }
+      },
       builder: (context, state) {
         return Column(
           children: [
@@ -143,7 +147,6 @@ class __SidebarContentState extends State<_SidebarContent> {
                             IconButton(
                               icon: const Icon(Icons.close),
                               onPressed: () {
-                                searchController.clear();
                                 context.read<SidebarBloc>().add(ResetSearch());
                               },
                             ),

lib/pages/access_management/booking_system/presentation/view/widgets/event_tile_widget.dart

@@ -1,15 +1,16 @@
 import 'package:calendar_view/calendar_view.dart';
 import 'package:flutter/material.dart';
 import 'package:intl/intl.dart';
-import 'package:syncrow_web/pages/access_management/booking_system/domain/models/calendar_event_booking.dart';
 import 'package:syncrow_web/utils/color_manager.dart';
 
 class EventTileWidget extends StatelessWidget {
   final List<CalendarEventData<Object?>> events;
+
   const EventTileWidget({
     super.key,
     required this.events,
   });
+
   @override
   Widget build(BuildContext context) {
     return Container(
@@ -17,86 +18,39 @@ class EventTileWidget extends StatelessWidget {
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: events.map((event) {
-          final booking = event.event is CalendarEventBooking
+          final bool isEventEnded =
-              ? event.event! as CalendarEventBooking
-              : null;
-
-          final companyName = booking?.user.companyName ?? 'Unknown Company';
-          final startTime = DateFormat('hh:mm a').format(event.startTime!);
-          final endTime = DateFormat('hh:mm a').format(event.endTime!);
-          final isEventEnded =
               event.endTime != null && event.endTime!.isBefore(DateTime.now());
-
-          final duration = event.endTime!.difference(event.startTime!);
-          final bool isLongEnough = duration.inMinutes >= 31;
           return Expanded(
             child: Container(
               width: double.infinity,
-              padding: EdgeInsets.all(5),
+              padding: const EdgeInsets.all(6),
               decoration: BoxDecoration(
                 color: isEventEnded
-                    ? ColorsManager.grayColor.withOpacity(0.1)
+                    ? ColorsManager.lightGrayBorderColor
-                    : ColorsManager.blue1.withOpacity(0.1),
+                    : ColorsManager.blue1.withOpacity(0.25),
                 borderRadius: BorderRadius.circular(6),
-                border: const Border(
-                  left: BorderSide(
-                    color: ColorsManager.grayColor,
-                    width: 4,
-                  ),
-                ),
               ),
-              child: isLongEnough
+              child: Column(
-                  ? Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
-                      crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
-                      children: [
+                  Text(
-                        Text(
+                    DateFormat('h:mm a').format(event.startTime!),
-                          '$startTime - $endTime',
+                    style: const TextStyle(
-                          overflow: TextOverflow.ellipsis,
+                      fontWeight: FontWeight.bold,
-                          style: TextStyle(
+                      fontSize: 12,
-                            fontSize: 12,
+                      color: Colors.black87,
-                            color: isEventEnded
-                                ? ColorsManager.grayColor.withOpacity(0.9)
-                                : ColorsManager.blackColor,
-                            fontWeight: FontWeight.w400,
-                          ),
-                        ),
-                        const SizedBox(height: 2),
-                        Text(
-                          event.title,
-                          overflow: TextOverflow.ellipsis,
-                          style: TextStyle(
-                            fontSize: 14,
-                            color: isEventEnded
-                                ? ColorsManager.grayColor
-                                : ColorsManager.blackColor,
-                            fontWeight: FontWeight.bold,
-                          ),
-                        ),
-                        const SizedBox(height: 2),
-                        Text(
-                          companyName,
-                          overflow: TextOverflow.ellipsis,
-                          style: TextStyle(
-                            fontSize: 14,
-                            color: isEventEnded
-                                ? ColorsManager.grayColor.withOpacity(0.9)
-                                : ColorsManager.blackColor,
-                            fontWeight: FontWeight.w400,
-                          ),
-                        ),
-                      ],
-                    )
-                  : Text(
-                      event.title,
-                      overflow: TextOverflow.ellipsis,
-                      style: TextStyle(
-                        fontSize: 14,
-                        color: isEventEnded
-                            ? ColorsManager.grayColor
-                            : ColorsManager.blackColor,
-                        fontWeight: FontWeight.bold,
-                      ),
                     ),
+                  ),
+                  const SizedBox(height: 2),
+                  Text(
+                    event.title,
+                    style: const TextStyle(
+                      fontSize: 12,
+                      color: ColorsManager.blackColor,
+                    ),
+                  ),
+                ],
+              ),
             ),
           );
         }).toList(),

lib/pages/access_management/booking_system/presentation/view/widgets/room_list_item.dart

@@ -24,21 +24,17 @@ class RoomListItem extends StatelessWidget {
       activeColor: ColorsManager.primaryColor,
       title: Text(
         room.spaceName,
-        maxLines: 2,
         style: Theme.of(context).textTheme.bodyMedium?.copyWith(
             color: ColorsManager.lightGrayColor,
             fontWeight: FontWeight.w700,
-            overflow: TextOverflow.ellipsis,
             fontSize: 12),
       ),
       subtitle: Text(
         room.virtualLocation,
-        maxLines: 2,
         style: Theme.of(context).textTheme.bodySmall?.copyWith(
               fontSize: 10,
               fontWeight: FontWeight.w400,
               color: ColorsManager.textGray,
-              overflow: TextOverflow.ellipsis,
             ),
       ),
     );

lib/pages/access_management/booking_system/presentation/view/widgets/weekly_calendar_page.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:calendar_view/calendar_view.dart';
 import 'package:syncrow_web/pages/access_management/booking_system/presentation/view/widgets/event_tile_widget.dart';
+import 'package:syncrow_web/pages/access_management/booking_system/presentation/view/widgets/hatched_column_background.dart';
 import 'package:syncrow_web/pages/access_management/booking_system/presentation/view/widgets/time_line_widget.dart';
 import 'package:syncrow_web/pages/access_management/booking_system/presentation/view/widgets/week_day_header.dart';
 import 'package:syncrow_web/utils/color_manager.dart';
@@ -22,12 +23,6 @@ class WeeklyCalendarPage extends StatelessWidget {
     this.endTime,
     this.selectedDateFromSideBarCalender,
   });
-  static const double timeLineWidth = 65;
-  static const int totalDays = 7;
-  static const double dayColumnWidth = 220; 
-
-  final double calendarContentWidth =
-      timeLineWidth + (totalDays * dayColumnWidth);
 
   @override
   Widget build(BuildContext context) {
@@ -57,159 +52,154 @@ class WeeklyCalendarPage extends StatelessWidget {
       );
     }
 
-  
+    final weekDays = _getWeekDays(weekStart);
 
-    const double timeLineWidth = 65;
+    final selectedDayIndex =
+        weekDays.indexWhere((d) => isSameDay(d, selectedDate));
+    final selectedSidebarIndex = selectedDateFromSideBarCalender == null
+        ? -1
+        : weekDays
+            .indexWhere((d) => isSameDay(d, selectedDateFromSideBarCalender!));
 
+    const double timeLineWidth = 80;
+    const int totalDays = 7;
+    final DateTime highlightStart = DateTime(2025, 7, 10);
+    final DateTime highlightEnd = DateTime(2025, 7, 19);
     return LayoutBuilder(
       builder: (context, constraints) {
-  
+        final double calendarWidth = constraints.maxWidth;
+        final double dayColumnWidth =
+            (calendarWidth - timeLineWidth) / totalDays - 0.1;
         bool isInRange(DateTime date, DateTime start, DateTime end) {
-          !date.isBefore(start) && !date.isAfter(end);
+          return !date.isBefore(start) && !date.isAfter(end);
-          // remove this line and Check if the date is within the range
-          return false;
         }
 
-        return SingleChildScrollView(
+        return Padding(
-            scrollDirection: Axis.horizontal,
+          padding: const EdgeInsets.only(left: 25.0, right: 25.0, top: 25),
-            child: SizedBox(
+          child: Stack(
-              width: calendarContentWidth,
+            children: [
-              child: Padding(
+              WeekView(
-                padding:
+                weekDetectorBuilder: ({
-                    const EdgeInsets.only(left: 25.0, right: 25.0, top: 25),
+                  required date,
-                child: Stack(
+                  required height,
-                  children: [
+                  required heightPerMinute,
-                    Container(
+                  required minuteSlotSize,
-                      child: WeekView(
+                  required width,
-                        minuteSlotSize: MinuteSlotSize.minutes15,
+                }) {
-                        weekDetectorBuilder: ({
+                  return isInRange(date, highlightStart, highlightEnd)
-                          required date,
+                      ? HatchedColumnBackground(
-                          required height,
+                          backgroundColor: ColorsManager.grey800,
-                          required heightPerMinute,
+                          lineColor: ColorsManager.textGray,
-                          required minuteSlotSize,
+                          opacity: 0.3,
-                          required width,
+                          stripeSpacing: 12,
-                        }) {
+                          borderRadius: BorderRadius.circular(8),
-                          final isSelected = isSameDay(date, selectedDate);
+                        )
-                          final isSidebarSelected =
+                      : const SizedBox();
-                              selectedDateFromSideBarCalender != null &&
+                },
-                                  isSameDay(
+                pageViewPhysics: const NeverScrollableScrollPhysics(),
-                                      date, selectedDateFromSideBarCalender!);
+                key: ValueKey(weekStart),
-                          if (isSidebarSelected && !isSelected) {
+                controller: eventController,
-                            return Container(
+                initialDay: weekStart,
-                              height: height,
+                startHour: startHour - 1,
-                              width: width,
+                endHour: endHour,
-                              decoration: BoxDecoration(
+                heightPerMinute: 1.1,
-                                color: Colors.orange.withOpacity(0.13),
+                showLiveTimeLineInAllDays: false,
-                                borderRadius: BorderRadius.circular(8),
+                showVerticalLines: true,
-                              ),
+                emulateVerticalOffsetBy: -80,
-                            );
+                startDay: WeekDays.monday,
-                          } else if (isSelected) {
+                liveTimeIndicatorSettings: const LiveTimeIndicatorSettings(
-                            return Container(
+                  showBullet: false,
-                              height: height,
+                  height: 0,
-                              width: width,
+                ),
-                              decoration: BoxDecoration(
+                weekDayBuilder: (date) {
-                                color:
+                  return WeekDayHeader(
-                                    ColorsManager.spaceColor.withOpacity(0.07),
+                    date: date,
-                                borderRadius: BorderRadius.circular(8),
+                    isSelectedDay: isSameDay(date, selectedDate),
-                              ),
+                  );
-                            );
+                },
-                          }
+                timeLineBuilder: (date) {
-                          return const SizedBox.shrink();
+                  return TimeLineWidget(date: date);
-                        },
+                },
-
+                timeLineWidth: timeLineWidth,
-                        // weekDetectorBuilder: ({
+                weekPageHeaderBuilder: (start, end) => Container(),
-                        //   required date,
+                weekTitleHeight: 60,
-                        //   required height,
+                weekNumberBuilder: (firstDayOfWeek) => Padding(
-                        //   required heightPerMinute,
+                  padding: const EdgeInsets.only(right: 15, bottom: 10),
-                        //   required minuteSlotSize,
+                  child: Column(
-                        //   required width,
+                    crossAxisAlignment: CrossAxisAlignment.end,
-                        // }) {
+                    mainAxisAlignment: MainAxisAlignment.end,
-                        //   return isInRange(date, highlightStart, highlightEnd)
+                    children: [
-                        //       ? HatchedColumnBackground(
+                      Text(
-                        //           backgroundColor: ColorsManager.grey800,
+                        firstDayOfWeek.timeZoneName.replaceAll(':00', ''),
-                        //           lineColor: ColorsManager.textGray,
+                        style: Theme.of(context).textTheme.bodyMedium?.copyWith(
-                        //           opacity: 0.3,
+                              fontSize: 12,
-                        //           stripeSpacing: 12,
+                              color: ColorsManager.blackColor,
-                        //           borderRadius: BorderRadius.circular(8),
+                              fontWeight: FontWeight.w400,
-                        //         )
+                            ),
-                        //       : const SizedBox();
-                        // },
-                        pageViewPhysics: const NeverScrollableScrollPhysics(),
-                        key: ValueKey(weekStart),
-                        controller: eventController,
-                        initialDay: weekStart,
-                        startHour: startHour - 1,
-                        endHour: endHour,
-                        heightPerMinute: 1.7,
-                        showLiveTimeLineInAllDays: false,
-                        showVerticalLines: true,
-                        emulateVerticalOffsetBy: -80,
-                        startDay: WeekDays.monday,
-                        liveTimeIndicatorSettings:
-                            const LiveTimeIndicatorSettings(
-                          showBullet: false,
-                          height: 0,
-                        ),
-                        weekDayBuilder: (date) {
-                          return WeekDayHeader(
-                            date: date,
-                            isSelectedDay: isSameDay(date, selectedDate),
-                          );
-                        },
-                        timeLineBuilder: (date) {
-                          return TimeLineWidget(date: date);
-                        },
-                        timeLineWidth: timeLineWidth,
-                        weekPageHeaderBuilder: (start, end) => Container(),
-                        weekTitleHeight: 60,
-                        weekNumberBuilder: (firstDayOfWeek) => Padding(
-                          padding: const EdgeInsets.only(right: 15, bottom: 10),
-                          child: Column(
-                            crossAxisAlignment: CrossAxisAlignment.end,
-                            mainAxisAlignment: MainAxisAlignment.end,
-                            children: [
-                              Text(
-                                firstDayOfWeek.timeZoneName
-                                    .replaceAll(':00', ''),
-                                style: Theme.of(context)
-                                    .textTheme
-                                    .bodyMedium
-                                    ?.copyWith(
-                                      fontSize: 12,
-                                      color: ColorsManager.blackColor,
-                                      fontWeight: FontWeight.w400,
-                                    ),
-                              ),
-                            ],
-                          ),
-                        ),
-                        eventTileBuilder: (date, events, boundary, start, end) {
-                          return EventTileWidget(
-                            events: events,
-                          );
-                        },
                       ),
+                    ],
+                  ),
+                ),
+                eventTileBuilder: (date, events, boundary, start, end) {
+                  return EventTileWidget(
+                    events: events,
+                  );
+                },
+              ),
+              if (selectedDayIndex >= 0)
+                Positioned(
+                  left: (timeLineWidth + 3) +
+                      (dayColumnWidth - 8) * (selectedDayIndex - 0.01),
+                  top: 0,
+                  bottom: 0,
+                  width: dayColumnWidth,
+                  child: IgnorePointer(
+                    child: Container(
+                      margin: const EdgeInsets.symmetric(
+                          vertical: 0, horizontal: 4),
+                      color: ColorsManager.spaceColor.withOpacity(0.07),
                     ),
-                    Positioned(
+                  ),
-                      right: 0,
+                ),
-                      top: 50,
+              if (selectedSidebarIndex >= 0 &&
-                      bottom: 0,
+                  selectedSidebarIndex != selectedDayIndex)
-                      child: IgnorePointer(
+                Positioned(
-                        child: Container(
+                  left: (timeLineWidth + 3) +
-                          width: 1,
+                      (dayColumnWidth - 8) * (selectedSidebarIndex - 0.01),
-                          color: Theme.of(context).scaffoldBackgroundColor,
+                  top: 0,
-                        ),
+                  bottom: 0,
-                      ),
+                  width: dayColumnWidth,
+                  child: IgnorePointer(
+                    child: Container(
+                      margin: const EdgeInsets.symmetric(
+                          vertical: 0, horizontal: 4),
+                      color: Colors.orange.withOpacity(0.14),
                     ),
-                  ],
+                  ),
+                ),
+              Positioned(
+                right: 0,
+                top: 50,
+                bottom: 0,
+                child: IgnorePointer(
+                  child: Container(
+                    width: 1,
+                    color: Theme.of(context).scaffoldBackgroundColor,
+                  ),
                 ),
               ),
-            ));
+            ],
+          ),
+        );
       },
     );
   }
 
-
+  List<DateTime> _getWeekDays(DateTime date) {
+    final int weekday = date.weekday;
+    final DateTime monday = date.subtract(Duration(days: weekday - 1));
+    return List.generate(7, (i) => monday.add(Duration(days: i)));
+  }
 }
 
 bool isSameDay(DateTime d1, DateTime d2) {

lib/pages/device_managment/garage_door/view/garage_door_control_view.dart

@@ -6,6 +6,7 @@ import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_
 import 'package:syncrow_web/pages/device_managment/garage_door/helper/garage_door_helper.dart';
 import 'package:syncrow_web/pages/device_managment/garage_door/models/garage_door_model.dart';
 import 'package:syncrow_web/pages/device_managment/garage_door/schedule_view/schedule_garage_view.dart';
+import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedual_view.dart';
 import 'package:syncrow_web/pages/device_managment/shared/icon_name_status_container.dart';
 import 'package:syncrow_web/pages/device_managment/shared/table/report_table.dart';
 import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
@@ -94,11 +95,18 @@ class GarageDoorControlView extends StatelessWidget
                   FetchGarageDoorSchedulesEvent(
                       deviceId: deviceId, category: 'doorcontact_state'),
                 );
-            showDialog(
+
+            showDialog<void>(
                 context: context,
                 builder: (ctx) => BlocProvider.value(
                       value: BlocProvider.of<GarageDoorBloc>(context),
-                      child: BuildGarageDoorScheduleView(status: status),
+                      child: BuildScheduleView(
+                        deviceUuid: deviceId,
+                        category: 'Timer',
+                        code: 'doorcontact_state',
+                        countdownCode: 'Timer',
+                        deviceType: 'GD',
+                      ),
                     ));
           },
           name: 'Scheduling',

lib/pages/device_managment/schedule_device/bloc/schedule_bloc.dart

@@ -287,7 +287,8 @@ class ScheduleBloc extends Bloc<ScheduleEvent, ScheduleState> {
     try {
       if (state is ScheduleLoaded) {
         Status status = Status(code: '', value: '');
-        if (event.deviceType == 'CUR_2') {
+        if (event.deviceType == 'CUR_2' ||
+            event.deviceType == 'GD' ) {
           status = status.copyWith(
               code: 'control',
               value: event.functionOn == true ? 'open' : 'close');

lib/pages/device_managment/schedule_device/schedule_widgets/count_down_button.dart

@@ -69,7 +69,7 @@ class CountdownModeButtons extends StatelessWidget {
                               countDownCode: countDownCode),
                         );
                   },
-                  backgroundColor: ColorsManager.primaryColorWithOpacity,
+                  backgroundColor: ColorsManager.secondaryColor,
                   child: const Text('Save'),
                 ),
         ),

lib/pages/device_managment/schedule_device/schedule_widgets/inching_mode_buttons.dart

@@ -63,7 +63,7 @@ class InchingModeButtons extends StatelessWidget {
                           ),
                         );
                   },
-                  backgroundColor: ColorsManager.primaryColor,
+                  backgroundColor: ColorsManager.secondaryColor,
                   child: const Text('Save'),
                 ),
         ),

lib/pages/device_managment/schedule_device/schedule_widgets/schedual_view.dart

@@ -31,11 +31,12 @@ class BuildScheduleView extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return BlocProvider(
-      create: (_) => ScheduleBloc(deviceId: deviceUuid,)
+      create: (_) => ScheduleBloc(
+        deviceId: deviceUuid,
+      )
         ..add(ScheduleGetEvent(category: category))
         ..add(ScheduleFetchStatusEvent(
-            deviceId: deviceUuid,
+            deviceId: deviceUuid, countdownCode: countdownCode ?? '')),
-            countdownCode: countdownCode ?? '')),
       child: Dialog(
         backgroundColor: Colors.white,
         insetPadding: const EdgeInsets.all(20),
@@ -56,7 +57,7 @@ class BuildScheduleView extends StatelessWidget {
                       children: [
                         const ScheduleHeader(),
                         const SizedBox(height: 20),
-                        if (deviceType == 'CUR_2')
+                        if (deviceType == 'CUR_2' || deviceType == 'GD')
                           const SizedBox()
                         else
                           ScheduleModeSelector(
@@ -76,8 +77,7 @@ class BuildScheduleView extends StatelessWidget {
                                         category: category,
                                         time: '',
                                         function: Status(
-                                            code: code.toString(),
+                                            code: code.toString(), value: true),
-                                            value: true),
                                         days: [],
                                       ),
                                       isEdit: false,
@@ -96,7 +96,7 @@ class BuildScheduleView extends StatelessWidget {
                               }
                             },
                           ),
-                        if (deviceType != 'CUR_2')
+                        if (deviceType != 'CUR_2'|| deviceType != 'GD')
                           if (state.scheduleMode == ScheduleModes.countdown ||
                               state.scheduleMode == ScheduleModes.inching)
                             CountdownInchingView(

lib/pages/device_managment/schedule_device/schedule_widgets/schedule_managment_ui.dart

@@ -24,12 +24,13 @@ class ScheduleManagementUI extends StatelessWidget {
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
         SizedBox(
-          width: 170,
+          width: 177,
           height: 40,
           child: DefaultButton(
-            borderColor: ColorsManager.grayColor.withOpacity(0.5),
+            borderWidth: 4,
-            padding: 2,
+            borderColor: ColorsManager.neutralGray,
-            backgroundColor: ColorsManager.graysColor,
+            padding: 8,
+            backgroundColor: ColorsManager.textFieldGreyColor,
             borderRadius: 15,
             onPressed: onAddSchedule,
             child: Row(

lib/pages/device_managment/schedule_device/schedule_widgets/schedule_mode_buttons.dart

@@ -39,7 +39,7 @@ class ScheduleModeButtons extends StatelessWidget {
             borderRadius: 8,
             height: 40,
             onPressed: onSave,
-            backgroundColor: ColorsManager.primaryColorWithOpacity,
+            backgroundColor: ColorsManager.secondaryColor,
             child: const Text('Save'),
           ),
         ),

lib/pages/device_managment/schedule_device/schedule_widgets/schedule_table.dart

@@ -194,7 +194,7 @@ class _ScheduleTableView extends StatelessWidget {
             child: Text(_getSelectedDays(
                 ScheduleModel.parseSelectedDays(schedule.days)))),
         Center(child: Text(formatIsoStringToTime(schedule.time, context))),
-        if (deviceType == 'CUR_2')
+        if (deviceType == 'CUR_2' || deviceType == 'GD')
           Center(
               child: Text(schedule.function.value == true ? 'open' : 'close'))
         else

lib/pages/device_managment/water_heater/helper/add_schedule_dialog_helper.dart

@@ -23,7 +23,7 @@ class ScheduleDialogHelper {
     required String deviceType,
   }) {
     bool temp;
-    if (deviceType == 'CUR_2') {
+    if (deviceType == 'CUR_2' || deviceType == 'GD') {
       temp = schedule!.function.value == 'open' ? true : false;
     } else {
       temp = schedule!.function.value;
@@ -116,7 +116,7 @@ class ScheduleDialogHelper {
                 ScheduleModeButtons(
                   onSave: () {
                     dynamic temp;
-                    if (deviceType == 'CUR_2') {
+                    if (deviceType == 'CUR_2' || deviceType == 'GD') {
                       temp = functionOn! ? 'open' : 'close';
                     } else {
                       temp = functionOn;
@@ -202,18 +202,23 @@ class ScheduleDialogHelper {
         ),
         const SizedBox(width: 10),
         Radio<bool>(
+          activeColor: ColorsManager.secondaryColor,
+          focusColor: ColorsManager.secondaryColor,
           value: true,
           groupValue: isOn,
           onChanged: (val) => onChanged(true),
         ),
-        Text(categor == 'CUR_2' ? 'open' : 'On'),
+        Text(categor == 'CUR_2' || categor == 'GD' ? 'open' : 'On'),
         const SizedBox(width: 10),
         Radio<bool>(
+          activeColor: ColorsManager.secondaryColor,
+          focusColor: ColorsManager.secondaryColor,
+
           value: false,
           groupValue: isOn,
           onChanged: (val) => onChanged(false),
         ),
-        Text(categor == 'CUR_2' ? 'close' : 'Off'),
+        Text(categor == 'CUR_2' || categor == 'GD' ? 'close' : 'Off'),
       ],
     );
   }

lib/utils/constants/api_const.dart

@@ -140,6 +140,5 @@ abstract class ApiEndpoints {
   static const String saveSchedule = '/schedule/{deviceUuid}';
 
   static const String getBookableSpaces = '/bookable-spaces';
-  static const String getBookings =
+  static const String getCalendarEvents = '/api';
-      '/bookings?month={mm}%2F{yyyy}&space={space}';
 }