Reads the correct date to load aqi data.

lib/common/widgets/app_loading_indicator.dart

@@ -1,10 +0,0 @@
-import 'package:flutter/material.dart';
-
-class AppLoadingIndicator extends StatelessWidget {
-  const AppLoadingIndicator({super.key});
-
-  @override
-  Widget build(BuildContext context) {
-    return const Center(child: CircularProgressIndicator());
-  }
-}

lib/pages/analytics/models/analytics_device.dart

@@ -25,8 +25,8 @@ class AnalyticsDevice {
 
   factory AnalyticsDevice.fromJson(Map<String, dynamic> json) {
     return AnalyticsDevice(
-      uuid: json['uuid'] as String,
+      uuid: json['uuid'] as String? ?? '',
-      name: json['name'] as String,
+      name: json['name'] as String? ?? '',
       createdAt: json['createdAt'] != null
           ? DateTime.parse(json['createdAt'] as String)
           : null,
@@ -39,8 +39,8 @@ class AnalyticsDevice {
           ? ProductDevice.fromJson(json['productDevice'] as Map<String, dynamic>)
           : null,
       spaceUuid: json['spaceUuid'] as String?,
-      latitude: json['lat'] != null ? double.parse(json['lat'] as String) : null,
+      latitude: json['lat'] != null ? double.parse(json['lat'] as String? ?? '0.0') : null,
-      longitude: json['lon'] != null ? double.parse(json['lon'] as String) : null,
+      longitude: json['lon'] != null ? double.parse(json['lon'] as String? ?? '0.0') : null,
     );
   }
 }

lib/pages/analytics/modules/air_quality/helpers/fetch_air_quality_data_helper.dart

@@ -4,7 +4,6 @@ import 'package:syncrow_web/pages/analytics/modules/air_quality/blocs/air_qualit
 import 'package:syncrow_web/pages/analytics/modules/air_quality/blocs/device_location/device_location_bloc.dart';
 import 'package:syncrow_web/pages/analytics/modules/air_quality/blocs/range_of_aqi/range_of_aqi_bloc.dart';
 import 'package:syncrow_web/pages/analytics/modules/air_quality/widgets/aqi_type_dropdown.dart';
-import 'package:syncrow_web/pages/analytics/modules/analytics/blocs/analytics_date_picker_bloc/analytics_date_picker_bloc.dart';
 import 'package:syncrow_web/pages/analytics/modules/analytics/blocs/analytics_devices/analytics_devices_bloc.dart';
 import 'package:syncrow_web/pages/analytics/modules/energy_management/blocs/realtime_device_changes/realtime_device_changes_bloc.dart';
 import 'package:syncrow_web/pages/analytics/params/get_air_quality_distribution_param.dart';
@@ -22,13 +21,14 @@ abstract final class FetchAirQualityDataHelper {
     required String spaceUuid,
     bool shouldFetchAnalyticsDevices = true,
   }) {
-    final date = context.read<AnalyticsDatePickerBloc>().state.monthlyDate;
     final aqiType = context.read<AirQualityDistributionBloc>().state.selectedAqiType;
-    loadAnalyticsDevices(
+    if (shouldFetchAnalyticsDevices) {
-      context,
+      loadAnalyticsDevices(
-      communityUuid: communityUuid,
+        context,
-      spaceUuid: spaceUuid,
+        communityUuid: communityUuid,
-    );
+        spaceUuid: spaceUuid,
+      );
+    }
     loadRangeOfAqi(
       context,
       spaceUuid: spaceUuid,

lib/pages/analytics/modules/air_quality/widgets/aqi_device_info.dart

@@ -65,7 +65,7 @@ class AqiDeviceInfo extends StatelessWidget {
         );
         final tvocValue = _getValueForStatus(
           status,
-          'tvoc_value',
+          'voc_value',
           formatter: (value) => (value / 100).toStringAsFixed(2),
         );
 

lib/pages/analytics/modules/air_quality/widgets/aqi_type_dropdown.dart

@@ -7,7 +7,7 @@ enum AqiType {
   pm25('PM2.5', 'µg/m³', 'pm25'),
   pm10('PM10', 'µg/m³', 'pm10'),
   hcho('HCHO', 'mg/m³', 'cho2'),
-  tvoc('TVOC', 'µg/m³', 'voc'),
+  tvoc('TVOC', 'mg/m³', 'voc'),
   co2('CO2', 'ppm', 'co2');
 
   const AqiType(this.value, this.unit, this.code);

lib/pages/analytics/modules/occupancy/helpers/fetch_occupancy_data_helper.dart

@@ -81,7 +81,7 @@ abstract final class FetchOccupancyDataHelper {
             param: GetAnalyticsDevicesParam(
               communityUuid: communityUuid,
               spaceUuid: spaceUuid,
-              deviceTypes: ['WPS', 'CPS'],
+              deviceTypes: ['WPS', 'CPS', 'NCPS'],
               requestType: AnalyticsDeviceRequestType.occupancy,
             ),
             onSuccess: (device) {

lib/pages/analytics/modules/occupancy/views/analytics_occupancy_view.dart

@@ -20,7 +20,7 @@ class AnalyticsOccupancyView extends StatelessWidget {
             child: Column(
               spacing: 32,
               children: [
-                SizedBox(height: height * 0.46, child: const OccupancyEndSideBar()),
+                SizedBox(height: height * 0.8, child: const OccupancyEndSideBar()),
                 SizedBox(height: height * 0.5, child: const OccupancyChartBox()),
                 SizedBox(height: height * 0.5, child: const OccupancyHeatMapBox()),
               ],

lib/pages/analytics/modules/occupancy/widgets/occupancy_end_side_bar.dart

@@ -26,7 +26,6 @@ class OccupancyEndSideBar extends StatelessWidget {
               const AnalyticsSidebarHeader(title: 'Presnce Sensor'),
               Expanded(
                 child: SizedBox(
-                  // height: MediaQuery.sizeOf(context).height * 0.2,
                   child: PowerClampEnergyStatusWidget(
                     status: [
                       PowerClampEnergyStatus(

lib/pages/device_managment/all_devices/bloc/device_mgmt_bloc/device_managment_bloc.dart

@@ -40,18 +40,17 @@ class DeviceManagementBloc
       List<AllDevicesModel> devices = [];
       _devices.clear();
       var spaceBloc = event.context.read<SpaceTreeBloc>();
-      final projectUuid = await ProjectManager.getProjectUUID() ?? '';
+           final projectUuid = await ProjectManager.getProjectUUID() ?? '';
 
       if (spaceBloc.state.selectedCommunities.isEmpty) {
-        devices =
+        devices = await DevicesManagementApi().fetchDevices('', '', projectUuid);
-            await DevicesManagementApi().fetchDevices('', '', projectUuid);
       } else {
         for (var community in spaceBloc.state.selectedCommunities) {
           List<String> spacesList =
               spaceBloc.state.selectedCommunityAndSpaces[community] ?? [];
           for (var space in spacesList) {
-            devices.addAll(await DevicesManagementApi()
+            devices.addAll(await DevicesManagementApi().fetchDevices(
-                .fetchDevices(community, space, projectUuid));
+                community, space, projectUuid));
           }
         }
       }
@@ -101,7 +100,7 @@ class DeviceManagementBloc
       ));
 
       if (currentProductName.isNotEmpty) {
-        add(SearchDevices(deviceNameOrProductName: currentProductName));
+        add(SearchDevices(productName: currentProductName));
       }
     }
   }
@@ -270,41 +269,34 @@ class DeviceManagementBloc
         return 'All';
     }
   }
+
   void _onSearchDevices(
       SearchDevices event, Emitter<DeviceManagementState> emit) {
     if ((event.community == null || event.community!.isEmpty) &&
         (event.unitName == null || event.unitName!.isEmpty) &&
-        (event.deviceNameOrProductName == null ||
+        (event.productName == null || event.productName!.isEmpty)) {
-            event.deviceNameOrProductName!.isEmpty)) {
       currentProductName = '';
-      _filteredDevices = List.from(_devices);
+      if (state is DeviceManagementFiltered) {
-      emit(DeviceManagementLoaded(
+        add(FilterDevices(_getFilterFromIndex(_selectedIndex)));
-        devices: _devices,
+      } else {
-        selectedIndex: _selectedIndex,
+        return;
-        onlineCount: _onlineCount,
+      }
-        offlineCount: _offlineCount,
-        lowBatteryCount: _lowBatteryCount,
-        selectedDevice: null,
-        isControlButtonEnabled: false,
-      ));
-      return;
     }
-    if (event.deviceNameOrProductName == currentProductName &&
+
+    if (event.productName == currentProductName &&
         event.community == currentCommunity &&
         event.unitName == currentUnitName &&
         event.searchField) {
       return;
     }
 
-    currentProductName = event.deviceNameOrProductName ?? '';
+    currentProductName = event.productName ?? '';
     currentCommunity = event.community;
     currentUnitName = event.unitName;
 
-    List<AllDevicesModel> devicesToSearch = _devices;
+    List<AllDevicesModel> devicesToSearch = _filteredDevices;
 
     if (devicesToSearch.isNotEmpty) {
-      final searchText = event.deviceNameOrProductName?.toLowerCase() ?? '';
-
       final filteredDevices = devicesToSearch.where((device) {
         final matchesCommunity = event.community == null ||
             event.community!.isEmpty ||
@@ -312,25 +304,31 @@ class DeviceManagementBloc
                     ?.toLowerCase()
                     .contains(event.community!.toLowerCase()) ??
                 false);
-
         final matchesUnit = event.unitName == null ||
             event.unitName!.isEmpty ||
             (device.spaces != null &&
-                device.spaces!.any((space) =>
+                device.spaces!.isNotEmpty &&
-                    space.spaceName != null &&
+                device.spaces![0].spaceName!
-                    space.spaceName!
+                    .toLowerCase()
-                        .toLowerCase()
+                    .contains(event.unitName!.toLowerCase()));
-                        .contains(event.unitName!.toLowerCase())));
+        final matchesProductName = event.productName == null ||
+            event.productName!.isEmpty ||
+            (device.name
+                    ?.toLowerCase()
+                    .contains(event.productName!.toLowerCase()) ??
+                false);
+        final matchesDeviceName = event.productName == null ||
+            event.productName!.isEmpty ||
+            (device.categoryName
+                    ?.toLowerCase()
+                    .contains(event.productName!.toLowerCase()) ??
+                false);
 
-        final matchesSearchText = searchText.isEmpty ||
+        return matchesCommunity &&
-            (device.name?.toLowerCase().contains(searchText) ?? false) ||
+            matchesUnit &&
-            (device.productName?.toLowerCase().contains(searchText) ?? false);
+            (matchesProductName || matchesDeviceName);
-
-        return matchesCommunity && matchesUnit && matchesSearchText;
       }).toList();
 
-      _filteredDevices = filteredDevices;
-
       emit(DeviceManagementFiltered(
         filteredDevices: filteredDevices,
         selectedIndex: _selectedIndex,

lib/pages/device_managment/all_devices/bloc/device_mgmt_bloc/device_managment_event.dart

@@ -38,18 +38,18 @@ class SelectedFilterChanged extends DeviceManagementEvent {
 class SearchDevices extends DeviceManagementEvent {
   final String? community;
   final String? unitName;
-  final String? deviceNameOrProductName;
+  final String? productName;
   final bool searchField;
 
   const SearchDevices({
     this.community,
     this.unitName,
-    this.deviceNameOrProductName,
+    this.productName,
     this.searchField = false,
   });
 
   @override
-  List<Object?> get props => [community, unitName, deviceNameOrProductName];
+  List<Object?> get props => [community, unitName, productName];
 }
 
 class SelectDevice extends DeviceManagementEvent {

lib/pages/device_managment/all_devices/widgets/device_search_filters.dart

@@ -53,7 +53,7 @@ class _DeviceSearchFiltersState extends State<DeviceSearchFilters>
       controller: controller,
       onSubmitted: () {
         final searchDevicesEvent = SearchDevices(
-          deviceNameOrProductName: _productNameController.text,
+          productName: _productNameController.text,
           unitName: _unitNameController.text,
           searchField: true,
         );
@@ -68,7 +68,7 @@ class _DeviceSearchFiltersState extends State<DeviceSearchFilters>
       onSearch: () => context.read<DeviceManagementBloc>().add(
             SearchDevices(
               unitName: _unitNameController.text,
-              deviceNameOrProductName: _productNameController.text,
+              productName: _productNameController.text,
               searchField: true,
             ),
           ),

lib/pages/device_managment/door_lock/bloc/door_lock_bloc.dart

@@ -1,3 +1,5 @@
+// ignore_for_file: invalid_use_of_visible_for_testing_member
+
 import 'dart:async';
 import 'package:firebase_database/firebase_database.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
@@ -14,38 +16,45 @@ class DoorLockBloc extends Bloc<DoorLockEvent, DoorLockState> {
 
   DoorLockBloc({required this.deviceId}) : super(DoorLockInitial()) {
     on<DoorLockFetchStatus>(_onFetchDeviceStatus);
+    //on<DoorLockControl>(_onDoorLockControl);
     on<UpdateLockEvent>(_updateLock);
     on<DoorLockFactoryReset>(_onFactoryReset);
     on<StatusUpdated>(_onStatusUpdated);
   }
 
-  void _listenToChanges(String deviceId) {
+  _listenToChanges(deviceId) {
     try {
-      final ref = FirebaseDatabase.instance.ref('device-status/$deviceId');
+      DatabaseReference ref =
-      ref.onValue.listen((event) {
+          FirebaseDatabase.instance.ref('device-status/$deviceId');
-        final data = event.snapshot.value;
+      Stream<DatabaseEvent> stream = ref.onValue;
-        if (data is Map) {
-          final statusData = data['status'] as List<dynamic>? ?? [];
-          final statusList = statusData.map((item) {
-            return Status(code: item['code'], value: item['value']);
-          }).toList();
 
-          final model =
+      stream.listen((DatabaseEvent event) {
-              DoorLockStatusModel.fromJson(data['productUuid'], statusList);
+        Map<dynamic, dynamic> usersMap =
-          if (!isClosed) {
+            event.snapshot.value as Map<dynamic, dynamic>;
-            add(StatusUpdated(model));
+
-          }
+        List<Status> statusList = [];
+        usersMap['status'].forEach((element) {
+          statusList
+              .add(Status(code: element['code'], value: element['value']));
+        });
+
+        deviceStatus =
+            DoorLockStatusModel.fromJson(usersMap['productUuid'], statusList);
+        if (!isClosed) {
+          add(StatusUpdated(deviceStatus));
         }
       });
     } catch (_) {}
   }
 
   void _onStatusUpdated(StatusUpdated event, Emitter<DoorLockState> emit) {
+    emit(DoorLockStatusLoading());
+
     deviceStatus = event.deviceStatus;
     emit(DoorLockStatusLoaded(deviceStatus));
   }
 
-  Future<void> _onFetchDeviceStatus(
+  FutureOr<void> _onFetchDeviceStatus(
       DoorLockFetchStatus event, Emitter<DoorLockState> emit) async {
     emit(DoorLockStatusLoading());
     try {
@@ -54,13 +63,14 @@ class DoorLockBloc extends Bloc<DoorLockEvent, DoorLockState> {
       deviceStatus =
           DoorLockStatusModel.fromJson(event.deviceId, status.status);
       _listenToChanges(event.deviceId);
+
       emit(DoorLockStatusLoaded(deviceStatus));
     } catch (e) {
       emit(DoorLockControlError(e.toString()));
     }
   }
 
-  Future<void> _updateLock(
+  FutureOr<void> _updateLock(
       UpdateLockEvent event, Emitter<DoorLockState> emit) async {
     final oldValue = deviceStatus.normalOpenSwitch;
     deviceStatus = deviceStatus.copyWith(normalOpenSwitch: !oldValue);
@@ -68,6 +78,7 @@ class DoorLockBloc extends Bloc<DoorLockEvent, DoorLockState> {
 
     try {
       final response = await DevicesManagementApi.openDoorLock(deviceId);
+
       if (!response) {
         _revertValueAndEmit(deviceId, 'normal_open_switch', oldValue, emit);
       }
@@ -77,8 +88,35 @@ class DoorLockBloc extends Bloc<DoorLockEvent, DoorLockState> {
     }
   }
 
-  void _revertValueAndEmit(String deviceId, String code, dynamic oldValue,
+  Future<void> _runDebounce({
-      Emitter<DoorLockState> emit) {
+    required String deviceId,
+    required String code,
+    required dynamic value,
+    required dynamic oldValue,
+    required Emitter<DoorLockState> emit,
+  }) async {
+    if (_timer != null) {
+      _timer!.cancel();
+    }
+    _timer = Timer(const Duration(seconds: 1), () async {
+      try {
+        final response = await DevicesManagementApi()
+            .deviceControl(deviceId, Status(code: code, value: value));
+        if (!response) {
+          _revertValueAndEmit(deviceId, code, oldValue, emit);
+        }
+      } catch (e) {
+        _revertValueAndEmit(deviceId, code, oldValue, emit);
+      }
+    });
+  }
+
+  void _revertValueAndEmit(
+    String deviceId,
+    String code,
+    dynamic oldValue,
+    Emitter<DoorLockState> emit,
+  ) {
     _updateLocalValue(code, oldValue);
     emit(DoorLockStatusLoaded(deviceStatus));
     emit(const DoorLockControlError('Failed to control the device.'));
@@ -86,23 +124,34 @@ class DoorLockBloc extends Bloc<DoorLockEvent, DoorLockState> {
 
   void _updateLocalValue(String code, dynamic value) {
     switch (code) {
-      case 'normal_open_switch':
-        if (value is bool) {
-          deviceStatus = deviceStatus.copyWith(normalOpenSwitch: value);
-        }
-        break;
       case 'reverse_lock':
         if (value is bool) {
           deviceStatus = deviceStatus.copyWith(reverseLock: value);
         }
         break;
+      case 'normal_open_switch':
+        if (value is bool) {
+          deviceStatus = deviceStatus.copyWith(normalOpenSwitch: value);
+        }
+        break;
       default:
         break;
     }
     emit(DoorLockStatusLoaded(deviceStatus));
   }
 
-  Future<void> _onFactoryReset(
+  dynamic _getValueByCode(String code) {
+    switch (code) {
+      case 'reverse_lock':
+        return deviceStatus.reverseLock;
+      case 'normal_open_switch':
+        return deviceStatus.normalOpenSwitch;
+      default:
+        return null;
+    }
+  }
+
+  FutureOr<void> _onFactoryReset(
       DoorLockFactoryReset event, Emitter<DoorLockState> emit) async {
     emit(DoorLockStatusLoading());
     try {

lib/pages/device_managment/door_lock/widget/door_button.dart

@@ -8,7 +8,7 @@ import 'package:syncrow_web/pages/device_managment/door_lock/models/door_lock_st
 import 'package:syncrow_web/utils/color_manager.dart';
 import 'package:syncrow_web/utils/constants/assets.dart';
 
-class DoorLockButton extends StatelessWidget {
+class DoorLockButton extends StatefulWidget {
   const DoorLockButton({
     super.key,
     required this.doorLock,
@@ -18,28 +18,70 @@ class DoorLockButton extends StatelessWidget {
   final AllDevicesModel doorLock;
   final DoorLockStatusModel smartDoorModel;
 
-  double _calculateProgress() {
+  @override
-    final value = smartDoorModel.unlockRequest;
+  State<DoorLockButton> createState() =>
-    if (value <= 0 || value > 30) return 0;
+      _DoorLockButtonState(smartDoorModel: smartDoorModel);
-    return value / 30.0;
+}
+
+class _DoorLockButtonState extends State<DoorLockButton>
+    with SingleTickerProviderStateMixin {
+  late AnimationController _animationController;
+  late Animation<double> _animation;
+  DoorLockStatusModel smartDoorModel;
+
+  _DoorLockButtonState({required this.smartDoorModel});
+
+  @override
+  void initState() {
+    super.initState();
+    _animationController = AnimationController(
+      vsync: this,
+      duration: const Duration(milliseconds: 500),
+    );
+    _animation = Tween<double>(begin: 0, end: 1).animate(_animationController)
+      ..addListener(() {
+        setState(() {});
+      });
+
+    if (smartDoorModel.unlockRequest > 0) {
+      _animationController.reverse(from: 1);
+    }
+  }
+
+  @override
+  void didUpdateWidget(covariant DoorLockButton oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    if (oldWidget.smartDoorModel.normalOpenSwitch !=
+        widget.smartDoorModel.normalOpenSwitch) {
+      setState(() {
+        smartDoorModel = widget.smartDoorModel;
+      });
+
+      if (smartDoorModel.unlockRequest > 0) {
+        _animationController.forward(from: 0);
+      } else {
+        _animationController.reverse(from: 1);
+      }
+    }
+  }
+
+  @override
+  void dispose() {
+    _animationController.dispose();
+    super.dispose();
   }
 
   @override
   Widget build(BuildContext context) {
-    final progress = _calculateProgress();
-    final isEnabled = smartDoorModel.unlockRequest > 0;
-
     return SizedBox(
       width: 255,
       height: 255,
       child: InkWell(
-        onTap: isEnabled
+        onTap: () {
-            ? () {
+          _animationController.forward(from: 0);
-                BlocProvider.of<DoorLockBloc>(context).add(
+          BlocProvider.of<DoorLockBloc>(context)
-                  UpdateLockEvent(value: !smartDoorModel.normalOpenSwitch),
+              .add(UpdateLockEvent(value: !smartDoorModel.normalOpenSwitch));
-                );
+        },
-              }
-            : null,
         child: Container(
           width: 255,
           height: 255,
@@ -73,16 +115,15 @@ class DoorLockButton extends StatelessWidget {
                   ),
                 ),
               ),
-              if (progress > 0)
+              SizedBox.expand(
-                SizedBox.expand(
+                child: CircularProgressIndicator(
-                  child: CircularProgressIndicator(
+                  value: _animation.value,
-                    value: progress,
+                  strokeWidth: 8,
-                    strokeWidth: 8,
+                  backgroundColor: Colors.transparent,
-                    backgroundColor: Colors.transparent,
+                  valueColor: const AlwaysStoppedAnimation<Color>(
-                    valueColor: const AlwaysStoppedAnimation<Color>(
+                      ColorsManager.primaryColor),
-                        ColorsManager.primaryColor),
-                  ),
                 ),
+              ),
             ],
           ),
         ),

lib/pages/device_managment/garage_door/helper/garage_door_helper.dart

@@ -4,8 +4,8 @@ import 'package:syncrow_web/pages/common/buttons/default_button.dart';
 import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_bloc.dart';
 import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_event.dart';
 import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_state.dart';
-import 'package:syncrow_web/pages/device_managment/garage_door/schedule_view/opening_clsoing_time_dialog_body.dart';
+import 'package:syncrow_web/pages/device_managment/garage_door/widgets/opening_clsoing_time_dialog_body.dart';
-import 'package:syncrow_web/pages/device_managment/garage_door/schedule_view/time_out_alarm_dialog_body.dart';
+import 'package:syncrow_web/pages/device_managment/garage_door/widgets/time_out_alarm_dialog_body.dart';
 import 'package:syncrow_web/pages/device_managment/shared/sensors_widgets/presence_display_data.dart';
 import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
 import 'package:syncrow_web/pages/device_managment/water_heater/models/schedule_model.dart';

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

@@ -5,7 +5,7 @@ import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_
 import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_state.dart';
 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/garage_door/widgets/schedule_garage_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';

lib/pages/device_managment/garage_door/widgets/opening_clsoing_time_dialog_body.dart

@@ -1,13 +1,14 @@
+import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_bloc.dart';
 import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_state.dart';
-import 'package:syncrow_web/pages/device_managment/garage_door/schedule_view/seconds_picker.dart';
+import 'package:syncrow_web/pages/device_managment/garage_door/widgets/seconds_picker.dart';
 
 class OpeningAndClosingTimeDialogBody extends StatefulWidget {
   final ValueChanged<int> onDurationChanged;
   final GarageDoorBloc bloc;
 
-  const OpeningAndClosingTimeDialogBody({
+  OpeningAndClosingTimeDialogBody({
     required this.onDurationChanged,
     required this.bloc,
   });

lib/pages/device_managment/garage_door/widgets/schedule__garage_table.dart

@@ -26,7 +26,7 @@ class ScheduleGarageTableWidget extends StatelessWidget {
         Table(
           border: TableBorder.all(
             color: ColorsManager.graysColor,
-            borderRadius: const BorderRadius.vertical(top: Radius.circular(20)),
+            borderRadius: const BorderRadius.only(topLeft: Radius.circular(20), topRight: Radius.circular(20)),
           ),
           children: [
             TableRow(
@@ -50,20 +50,17 @@ class ScheduleGarageTableWidget extends StatelessWidget {
         BlocBuilder<GarageDoorBloc, GarageDoorState>(
           builder: (context, state) {
             if (state is ScheduleGarageLoadingState) {
-              return const SizedBox(
+              return const SizedBox(height: 200, child: Center(child: CircularProgressIndicator()));
-                  height: 200,
-                  child: Center(child: CircularProgressIndicator()));
             }
-            if (state is GarageDoorLoadedState &&
+            if (state is GarageDoorLoadedState && state.status.schedules?.isEmpty == true) {
-                state.status.schedules!.isEmpty) {
               return _buildEmptyState(context);
             } else if (state is GarageDoorLoadedState) {
               return Container(
                   height: 200,
                   decoration: BoxDecoration(
                     border: Border.all(color: ColorsManager.graysColor),
-                    borderRadius: const BorderRadius.vertical(
+                    borderRadius:
-                        bottom: Radius.circular(20)),
+                        const BorderRadius.only(bottomLeft: Radius.circular(20), bottomRight: Radius.circular(20)),
                   ),
                   child: _buildTableBody(state, context));
             }
@@ -81,7 +78,7 @@ class ScheduleGarageTableWidget extends StatelessWidget {
       height: 200,
       decoration: BoxDecoration(
         border: Border.all(color: ColorsManager.graysColor),
-        borderRadius: const BorderRadius.vertical(top: Radius.circular(20)),
+        borderRadius: const BorderRadius.only(bottomLeft: Radius.circular(20), bottomRight: Radius.circular(20)),
       ),
       child: Center(
         child: Column(
@@ -115,8 +112,7 @@ class ScheduleGarageTableWidget extends StatelessWidget {
           children: [
             if (state.status.schedules != null)
               for (int i = 0; i < state.status.schedules!.length; i++)
-                _buildScheduleRow(
+                _buildScheduleRow(state.status.schedules![i], i, context, state),
-                    state.status.schedules![i], i, context, state),
           ],
         ),
       ),
@@ -138,8 +134,7 @@ class ScheduleGarageTableWidget extends StatelessWidget {
     );
   }
 
-  TableRow _buildScheduleRow(ScheduleModel schedule, int index,
+  TableRow _buildScheduleRow(ScheduleModel schedule, int index, BuildContext context, GarageDoorLoadedState state) {
-      BuildContext context, GarageDoorLoadedState state) {
     return TableRow(
       children: [
         Center(
@@ -157,8 +152,7 @@ class ScheduleGarageTableWidget extends StatelessWidget {
               width: 24,
               height: 24,
               child: schedule.enable
-                  ? const Icon(Icons.radio_button_checked,
+                  ? const Icon(Icons.radio_button_checked, color: ColorsManager.blueColor)
-                      color: ColorsManager.blueColor)
                   : const Icon(
                       Icons.radio_button_unchecked,
                       color: ColorsManager.grayColor,
@@ -166,9 +160,7 @@ class ScheduleGarageTableWidget extends StatelessWidget {
             ),
           ),
         ),
-        Center(
+        Center(child: Text(_getSelectedDays(ScheduleModel.parseSelectedDays(schedule.days)))),
-            child: Text(_getSelectedDays(
-                ScheduleModel.parseSelectedDays(schedule.days)))),
         Center(child: Text(formatIsoStringToTime(schedule.time, context))),
         Center(child: Text(schedule.function.value ? 'On' : 'Off')),
         Center(
@@ -178,24 +170,18 @@ class ScheduleGarageTableWidget extends StatelessWidget {
               TextButton(
                 style: TextButton.styleFrom(padding: EdgeInsets.zero),
                 onPressed: () {
-                  GarageDoorDialogHelper.showAddGarageDoorScheduleDialog(
+                  GarageDoorDialogHelper.showAddGarageDoorScheduleDialog(context,
-                      context,
+                      schedule: schedule, index: index, isEdit: true);
-                      schedule: schedule,
-                      index: index,
-                      isEdit: true);
                 },
                 child: Text(
                   'Edit',
-                  style: context.textTheme.bodySmall!
+                  style: context.textTheme.bodySmall!.copyWith(color: ColorsManager.blueColor),
-                      .copyWith(color: ColorsManager.blueColor),
                 ),
               ),
               TextButton(
                 style: TextButton.styleFrom(padding: EdgeInsets.zero),
                 onPressed: () {
-                  context
+                  context.read<GarageDoorBloc>().add(DeleteGarageDoorScheduleEvent(
-                      .read<GarageDoorBloc>()
-                      .add(DeleteGarageDoorScheduleEvent(
                         index: index,
                         scheduleId: schedule.scheduleId,
                         deviceId: state.status.uuid,
@@ -203,8 +189,7 @@ class ScheduleGarageTableWidget extends StatelessWidget {
                 },
                 child: Text(
                   'Delete',
-                  style: context.textTheme.bodySmall!
+                  style: context.textTheme.bodySmall!.copyWith(color: ColorsManager.blueColor),
-                      .copyWith(color: ColorsManager.blueColor),
                 ),
               ),
             ],

lib/pages/device_managment/garage_door/widgets/schedule_garage_managment_ui.dart

@@ -1,7 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:syncrow_web/pages/common/buttons/default_button.dart';
 import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_state.dart';
-import 'package:syncrow_web/pages/device_managment/garage_door/schedule_view/schedule__garage_table.dart';
+import 'package:syncrow_web/pages/device_managment/garage_door/widgets/schedule__garage_table.dart';
 import 'package:syncrow_web/utils/color_manager.dart';
 import 'package:syncrow_web/utils/extension/build_context_x.dart';
 

lib/pages/device_managment/garage_door/widgets/schedule_garage_view.dart

@@ -4,9 +4,9 @@ import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_
 import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_state.dart';
 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_header.dart';
+import 'package:syncrow_web/pages/device_managment/garage_door/widgets/schedule_garage_header.dart';
-import 'package:syncrow_web/pages/device_managment/garage_door/schedule_view/schedule_garage_managment_ui.dart';
+import 'package:syncrow_web/pages/device_managment/garage_door/widgets/schedule_garage_managment_ui.dart';
-import 'package:syncrow_web/pages/device_managment/garage_door/schedule_view/schedule_garage_mode_buttons.dart';
+import 'package:syncrow_web/pages/device_managment/garage_door/widgets/schedule_garage_mode_buttons.dart';
 
 class BuildGarageDoorScheduleView extends StatefulWidget {
   const BuildGarageDoorScheduleView({super.key, required this.status});

lib/pages/device_managment/one_g_glass_switch/view/one_gang_glass_switch_control_view.dart

@@ -3,14 +3,11 @@ import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:syncrow_web/pages/device_managment/one_g_glass_switch/bloc/one_gang_glass_switch_bloc.dart';
 import 'package:syncrow_web/pages/device_managment/one_g_glass_switch/factories/one_gang_glass_switch_bloc_factory.dart';
 import 'package:syncrow_web/pages/device_managment/one_g_glass_switch/models/once_gang_glass_status_model.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedual_view.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedule_control_button.dart';
 import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
 import 'package:syncrow_web/utils/constants/assets.dart';
 import 'package:syncrow_web/utils/helpers/responsice_layout_helper/responsive_layout_helper.dart';
 
-class OneGangGlassSwitchControlView extends StatelessWidget
+class OneGangGlassSwitchControlView extends StatelessWidget with HelperResponsiveLayout {
-    with HelperResponsiveLayout {
   final String deviceId;
 
   const OneGangGlassSwitchControlView({required this.deviceId, super.key});
@@ -19,8 +16,7 @@ class OneGangGlassSwitchControlView extends StatelessWidget
   Widget build(BuildContext context) {
     return BlocProvider(
       create: (context) =>
-          OneGangGlassSwitchBlocFactory.create(deviceId: deviceId)
+          OneGangGlassSwitchBlocFactory.create(deviceId: deviceId)..add(OneGangGlassSwitchFetchDeviceEvent(deviceId)),
-            ..add(OneGangGlassSwitchFetchDeviceEvent(deviceId)),
       child: BlocBuilder<OneGangGlassSwitchBloc, OneGangGlassSwitchState>(
         builder: (context, state) {
           if (state is OneGangGlassSwitchLoading) {
@@ -37,8 +33,7 @@ class OneGangGlassSwitchControlView extends StatelessWidget
     );
   }
 
-  Widget _buildStatusControls(
+  Widget _buildStatusControls(BuildContext context, OneGangGlassStatusModel status) {
-      BuildContext context, OneGangGlassStatusModel status) {
     final isExtraLarge = isExtraLargeScreenSize(context);
     final isLarge = isLargeScreenSize(context);
     final isMedium = isMediumScreenSize(context);
@@ -81,21 +76,14 @@ class OneGangGlassSwitchControlView extends StatelessWidget
           onChange: (value) {},
           showToggle: false,
         ),
-        ScheduleControlButton(
+        ToggleWidget(
-          onTap: () {
+          value: false,
-            showDialog<void>(
+          code: '',
-                context: context,
+          deviceId: deviceId,
-                builder: (ctx) => BlocProvider.value(
+          label: 'Scheduling',
-                      value: BlocProvider.of<OneGangGlassSwitchBloc>(context),
+          icon: Assets.scheduling,
-                      child: BuildScheduleView(
+          onChange: (value) {},
-                        category: 'switch_1',
+          showToggle: false,
-                        deviceUuid: deviceId,
-                      ),
-                    ));
-          },
-          mainText: '',
-          subtitle: 'Scheduling',
-          iconPath: Assets.scheduling,
         ),
       ],
     );

lib/pages/device_managment/one_gang_switch/view/wall_light_device_control.dart

@@ -5,10 +5,7 @@ import 'package:syncrow_web/pages/device_managment/one_gang_switch/bloc/wall_lig
 import 'package:syncrow_web/pages/device_managment/one_gang_switch/bloc/wall_light_switch_state.dart';
 import 'package:syncrow_web/pages/device_managment/one_gang_switch/factories/wall_light_switch_bloc_factory.dart';
 import 'package:syncrow_web/pages/device_managment/one_gang_switch/models/wall_light_status_model.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedual_view.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedule_control_button.dart';
 import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
-import 'package:syncrow_web/utils/constants/assets.dart';
 import 'package:syncrow_web/utils/helpers/responsice_layout_helper/responsive_layout_helper.dart';
 
 class WallLightDeviceControl extends StatelessWidget
@@ -58,6 +55,7 @@ class WallLightDeviceControl extends StatelessWidget
         mainAxisSpacing: 12,
       ),
       children: [
+        const SizedBox(),
         ToggleWidget(
           value: status.switch1,
           code: 'switch_1',
@@ -71,22 +69,7 @@ class WallLightDeviceControl extends StatelessWidget
                 ));
           },
         ),
-        ScheduleControlButton(
+        const SizedBox(),
-          onTap: () {
-            showDialog<void>(
-                context: context,
-                builder: (ctx) => BlocProvider.value(
-                      value: BlocProvider.of<WallLightSwitchBloc>(context),
-                      child: BuildScheduleView(
-                        category: 'switch_1',
-                        deviceUuid: deviceId,
-                      ),
-                    ));
-          },
-          mainText: '',
-          subtitle: 'Scheduling',
-          iconPath: Assets.scheduling,
-        ),
       ],
     );
   }

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

@@ -1,587 +0,0 @@
-import 'dart:async';
-import 'package:bloc/bloc.dart';
-import 'package:equatable/equatable.dart';
-import 'package:flutter/material.dart';
-import 'package:syncrow_web/pages/device_managment/all_devices/models/device_status.dart';
-import 'package:syncrow_web/pages/device_managment/water_heater/models/schedule_entry.dart';
-import 'package:syncrow_web/pages/device_managment/water_heater/models/schedule_model.dart';
-import 'package:syncrow_web/pages/device_managment/water_heater/models/water_heater_status_model.dart';
-import 'package:syncrow_web/services/control_device_service.dart';
-import 'package:syncrow_web/services/devices_mang_api.dart';
-part 'schedule_event.dart';
-part 'schedule_state.dart';
-
-class ScheduleBloc extends Bloc<ScheduleEvent, ScheduleState> {
-  final String deviceId;
-
-  ScheduleBloc({
-    required this.deviceId,
-  }) : super(ScheduleInitial()) {
-    on<ScheduleInitializeAddEvent>(_initializeAddSchedule);
-    on<ScheduleUpdateSelectedTimeEvent>(_updateSelectedTime);
-    on<ScheduleUpdateSelectedDayEvent>(_updateSelectedDay);
-    on<ScheduleUpdateFunctionOnEvent>(_updateFunctionOn);
-    on<ScheduleGetEvent>(_getSchedule);
-    on<ScheduleAddEvent>(_onAddSchedule);
-    on<ScheduleEditEvent>(_onEditSchedule);
-    on<ScheduleUpdateEntryEvent>(_onUpdateSchedule);
-    on<UpdateScheduleModeEvent>(_onUpdateScheduleMode);
-    on<UpdateCountdownTimeEvent>(_onUpdateCountdownTime);
-    on<UpdateInchingTimeEvent>(_onUpdateInchingTime);
-    on<StartScheduleEvent>(_onStartScheduleEvent);
-    on<StopScheduleEvent>(_onStopScheduleEvent);
-    on<ScheduleDecrementCountdownEvent>(_onDecrementCountdown);
-    on<ScheduleFetchStatusEvent>(_fetchStatus);
-    on<ScheduleDeleteEvent>(_onDeleteSchedule);
-  }
-  Timer? _countdownTimer;
-  Duration countdownRemaining = Duration.zero;
-
-  Future<void> _onStopScheduleEvent(
-    StopScheduleEvent event,
-    Emitter<ScheduleState> emit,
-  ) async {
-    if (state is ScheduleLoaded) {
-      final currentState = state as ScheduleLoaded;
-
-      final success = await RemoteControlDeviceService().controlDevice(
-        deviceUuid: deviceId,
-        status: Status(
-          code: 'countdown_1',
-          value: 0,
-        ),
-      );
-      if (success) {
-        _countdownTimer?.cancel();
-        if (event.mode == ScheduleModes.countdown) {
-          emit(currentState.copyWith(
-            countdownHours: 0,
-            countdownMinutes: 0,
-            isCountdownActive: false,
-            countdownRemaining: Duration.zero,
-          ));
-        } else if (event.mode == ScheduleModes.inching) {
-          emit(currentState.copyWith(
-            inchingHours: 0,
-            inchingMinutes: 0,
-            isInchingActive: false,
-            countdownRemaining: Duration.zero,
-          ));
-        }
-      } else {
-        emit(const ScheduleError('Failed to stop schedule'));
-      }
-    }
-  }
-
-  void _onUpdateScheduleMode(
-    UpdateScheduleModeEvent event,
-    Emitter<ScheduleState> emit,
-  ) {
-    if (state is ScheduleLoaded) {
-      final currentState = state as ScheduleLoaded;
-      emit(currentState.copyWith(
-        scheduleMode: event.scheduleMode,
-        countdownRemaining: Duration.zero,
-      ));
-    }
-  }
-
-  void _onUpdateCountdownTime(
-    UpdateCountdownTimeEvent event,
-    Emitter<ScheduleState> emit,
-  ) {
-    if (state is ScheduleLoaded) {
-      final currentState = state as ScheduleLoaded;
-      emit(currentState.copyWith(
-        countdownHours: event.hours,
-        countdownMinutes: event.minutes,
-        inchingHours: 0,
-        inchingMinutes: 0,
-        countdownRemaining: Duration.zero,
-      ));
-    }
-  }
-
-  void _onUpdateInchingTime(
-    UpdateInchingTimeEvent event,
-    Emitter<ScheduleState> emit,
-  ) {
-    if (state is ScheduleLoaded) {
-      final currentState = state as ScheduleLoaded;
-      emit(currentState.copyWith(
-        inchingHours: event.hours,
-        inchingMinutes: event.minutes,
-        countdownRemaining: Duration.zero,
-      ));
-    }
-  }
-
-  void _initializeAddSchedule(
-    ScheduleInitializeAddEvent event,
-    Emitter<ScheduleState> emit,
-  ) {
-    if (state is ScheduleLoaded) {
-      final currentState = state as ScheduleLoaded;
-      emit(currentState.copyWith(
-        selectedTime: event.selectedTime,
-        selectedDays: event.selectedDays ?? List.filled(7, false),
-        functionOn: event.functionOn ?? false,
-        isEditing: event.isEditing,
-        scheduleMode: event.scheduleMode,
-        countdownRemaining: Duration.zero,
-      ));
-    } else {
-      emit(ScheduleLoaded(
-        schedules: const [],
-        selectedTime: event.selectedTime,
-        selectedDays: event.selectedDays ?? List.filled(7, false),
-        functionOn: event.functionOn ?? false,
-        isEditing: event.isEditing,
-        deviceId: deviceId,
-        scheduleMode: event.scheduleMode,
-        countdownHours: 0,
-        countdownMinutes: 0,
-        inchingHours: 0,
-        inchingMinutes: 0,
-        isCountdownActive: false,
-        isInchingActive: false,
-      ));
-    }
-  }
-
-  void _updateSelectedTime(
-    ScheduleUpdateSelectedTimeEvent event,
-    Emitter<ScheduleState> emit,
-  ) {
-    if (state is ScheduleLoaded) {
-      final currentState = state as ScheduleLoaded;
-      emit(currentState.copyWith(
-        selectedTime: event.selectedTime,
-        countdownHours: 0,
-        countdownMinutes: 0,
-        inchingHours: 0,
-        inchingMinutes: 0,
-        countdownRemaining: Duration.zero,
-      ));
-    }
-  }
-
-  void _updateSelectedDay(
-    ScheduleUpdateSelectedDayEvent event,
-    Emitter<ScheduleState> emit,
-  ) {
-    if (state is ScheduleLoaded) {
-      final currentState = state as ScheduleLoaded;
-      final updatedDays = List<bool>.from(currentState.selectedDays);
-      updatedDays[event.index] = event.value;
-      emit(currentState.copyWith(
-        selectedDays: updatedDays,
-        countdownHours: 0,
-        countdownMinutes: 0,
-        inchingHours: 0,
-        inchingMinutes: 0,
-        countdownRemaining: Duration.zero,
-      ));
-    }
-  }
-
-  void _updateFunctionOn(
-    ScheduleUpdateFunctionOnEvent event,
-    Emitter<ScheduleState> emit,
-  ) {
-    if (state is ScheduleLoaded) {
-      final currentState = state as ScheduleLoaded;
-      emit(currentState.copyWith(
-        functionOn: event.isOn,
-        countdownHours: 0,
-        countdownMinutes: 0,
-        inchingHours: 0,
-        inchingMinutes: 0,
-        countdownRemaining: Duration.zero,
-      ));
-    }
-  }
-
-  Future<void> _getSchedule(
-    ScheduleGetEvent event,
-    Emitter<ScheduleState> emit,
-  ) async {
-    try {
-      emit(ScheduleLoading());
-      final schedules = await DevicesManagementApi().getDeviceSchedules(
-        deviceId,
-        event.category,
-      );
-
-      if (state is ScheduleLoaded) {
-        final currentState = state as ScheduleLoaded;
-        emit(currentState.copyWith(
-          schedules: schedules,
-          selectedTime: null,
-          selectedDays: List.filled(7, false),
-          functionOn: false,
-          isEditing: false,
-          countdownRemaining: Duration.zero,
-        ));
-      } else {
-        emit(ScheduleLoaded(
-          schedules: schedules,
-          selectedTime: null,
-          selectedDays: List.filled(7, false),
-          functionOn: false,
-          isEditing: false,
-          deviceId: deviceId,
-          scheduleMode: ScheduleModes.schedule,
-          countdownHours: 0,
-          countdownMinutes: 0,
-          inchingHours: 0,
-          inchingMinutes: 0,
-          isCountdownActive: false,
-          isInchingActive: false,
-        ));
-      }
-    } catch (e) {
-      emit(ScheduleError('Failed to load schedules: $e'));
-    }
-  }
-
-  Future<void> _onAddSchedule(
-    ScheduleAddEvent event,
-    Emitter<ScheduleState> emit,
-  ) async {
-    try {
-      if (state is ScheduleLoaded) {
-        final dateTime = DateTime.parse(event.time);
-        final success = await DevicesManagementApi().postSchedule(
-            category: event.category,
-            deviceId: deviceId,
-            time: getTimeStampWithoutSeconds(dateTime).toString(),
-            code: event.category,
-            value: event.functionOn,
-            days: event.selectedDays);
-        if (success) {
-          add(ScheduleGetEvent(category: event.category));
-        } else {
-          emit(const ScheduleError('Failed to add schedule'));
-        }
-      }
-    } catch (e) {
-      emit(ScheduleError('Failed to add schedule: $e'));
-    }
-  }
-
-  Future<void> _onEditSchedule(
-    ScheduleEditEvent event,
-    Emitter<ScheduleState> emit,
-  ) async {
-    try {
-      if (state is ScheduleLoaded) {
-        final dateTime = DateTime.parse(event.time);
-        final updatedSchedule = ScheduleEntry(
-          scheduleId: event.scheduleId,
-          category: event.category,
-          time: getTimeStampWithoutSeconds(dateTime).toString(),
-          function: Status(code: event.category, value: event.functionOn),
-          days: event.selectedDays,
-        );
-        final success = await DevicesManagementApi().editScheduleRecord(
-          deviceId,
-          updatedSchedule,
-        );
-
-        if (success) {
-          add(ScheduleGetEvent(
-            category: event.category,
-          ));
-        } else {
-          emit(const ScheduleError('Failed to update schedule'));
-        }
-      }
-    } catch (e) {
-      emit(ScheduleError('Failed to update schedule: $e'));
-    }
-  }
-
-  Future<void> _onUpdateSchedule(
-    ScheduleUpdateEntryEvent event,
-    Emitter<ScheduleState> emit,
-  ) async {
-    try {
-      if (state is ScheduleLoaded) {
-        final currentState = state as ScheduleLoaded;
-
-        final updatedSchedules = currentState.schedules.map((schedule) {
-          if (schedule.scheduleId == event.scheduleId) {
-            return schedule.copyWith(
-              function: Status(code: event.category, value: event.functionOn),
-              enable: event.enable,
-            );
-          }
-          return schedule;
-        }).toList();
-
-        final success = await DevicesManagementApi().updateScheduleRecord(
-          enable: event.enable,
-          uuid: deviceId,
-          scheduleId: event.scheduleId,
-        );
-
-        if (success) {
-          emit(currentState.copyWith(
-            schedules: updatedSchedules,
-            countdownHours: 0,
-            countdownMinutes: 0,
-            inchingHours: 0,
-            inchingMinutes: 0,
-            countdownRemaining: Duration.zero,
-          ));
-        } else {
-          emit(const ScheduleError('Failed to update schedule status'));
-        }
-      }
-    } catch (e) {
-      emit(ScheduleError('Failed to update schedule: $e'));
-    }
-  }
-
-  Future<void> _onDeleteSchedule(
-    ScheduleDeleteEvent event,
-    Emitter<ScheduleState> emit,
-  ) async {
-    try {
-      if (state is ScheduleLoaded) {
-        final currentState = state as ScheduleLoaded;
-        final success = await DevicesManagementApi().deleteScheduleRecord(
-          deviceId,
-          event.scheduleId,
-        );
-
-        if (success) {
-          final updatedSchedules = currentState.schedules
-              .where((s) => s.scheduleId != event.scheduleId)
-              .toList();
-          emit(currentState.copyWith(
-            schedules: updatedSchedules,
-            countdownHours: 0,
-            countdownMinutes: 0,
-            inchingHours: 0,
-            inchingMinutes: 0,
-            countdownRemaining: Duration.zero,
-          ));
-        } else {
-          emit(const ScheduleError('Failed to delete schedule'));
-        }
-      }
-    } catch (e) {
-      emit(ScheduleError('Failed to delete schedule: $e'));
-    }
-  }
-
-  Duration? _currentCountdown;
-
-  Future<void> _onStartScheduleEvent(
-    StartScheduleEvent event,
-    Emitter<ScheduleState> emit,
-  ) async {
-    if (state is ScheduleLoaded) {
-      final totalSeconds =
-          Duration(hours: event.hours, minutes: event.minutes).inSeconds;
-      final code = event.mode == ScheduleModes.countdown
-          ? 'countdown_1'
-          : 'switch_inching';
-      final currentState = state as ScheduleLoaded;
-      final duration = Duration(seconds: totalSeconds);
-      _currentCountdown = duration;
-      emit(currentState.copyWith(
-        countdownRemaining: duration,
-        schedules: currentState.schedules.map((schedule) {
-          if (schedule.function.code == code) {
-            return schedule.copyWith(
-              function: Status(code: code, value: totalSeconds),
-            );
-          }
-          return schedule;
-        }).toList(),
-        countdownHours: event.mode == ScheduleModes.countdown ? event.hours : 0,
-      ));
-
-      final success = await RemoteControlDeviceService().controlDevice(
-        deviceUuid: deviceId,
-        status: Status(
-          code: code,
-          value: totalSeconds,
-        ),
-      );
-
-      if (success) {
-        if (code == 'countdown_1') {
-          final countdownDuration = Duration(seconds: totalSeconds);
-
-          emit(
-            currentState.copyWith(
-              countdownHours: countdownDuration.inHours,
-              countdownMinutes: countdownDuration.inMinutes % 60,
-              countdownRemaining: countdownDuration,
-              isCountdownActive: true,
-            ),
-          );
-
-          if (countdownDuration.inSeconds > 0) {
-            _startCountdownTimer(emit, countdownDuration);
-          } else {
-            _countdownTimer?.cancel();
-            emit(
-              currentState.copyWith(
-                countdownHours: 0,
-                countdownMinutes: 0,
-                countdownRemaining: Duration.zero,
-                isCountdownActive: false,
-              ),
-            );
-          }
-        } else if (code == 'switch_inching') {
-          final inchingDuration = Duration(seconds: totalSeconds);
-          emit(
-            currentState.copyWith(
-              inchingHours: inchingDuration.inHours,
-              inchingMinutes: inchingDuration.inMinutes % 60,
-              isInchingActive: true,
-              countdownRemaining: inchingDuration,
-            ),
-          );
-        }
-      }
-    }
-  }
-
-  void _startCountdownTimer(
-    Emitter<ScheduleState> emit,
-    Duration duration,
-  ) {
-    _countdownTimer?.cancel();
-    _countdownTimer = Timer.periodic(const Duration(seconds: 1), (timer) {
-      if (_currentCountdown != null && _currentCountdown! > Duration.zero) {
-        _currentCountdown = _currentCountdown! - const Duration(seconds: 1);
-        countdownRemaining = _currentCountdown!;
-        add(const ScheduleDecrementCountdownEvent());
-      } else {
-        timer.cancel();
-        add(StopScheduleEvent(
-          mode: _currentCountdown == null
-              ? ScheduleModes.countdown
-              : ScheduleModes.inching,
-          deviceId: deviceId,
-        ));
-      }
-    });
-  }
-
-  void _onDecrementCountdown(
-    ScheduleDecrementCountdownEvent event,
-    Emitter<ScheduleState> emit,
-  ) {
-    if (state is ScheduleLoaded) {
-      final currentState = state as ScheduleLoaded;
-      emit(currentState.copyWith(
-        countdownRemaining: countdownRemaining,
-      ));
-    }
-  }
-
-  @override
-  Future<void> close() {
-    _countdownTimer?.cancel();
-    return super.close();
-  }
-
-  Future<void> _fetchStatus(
-    ScheduleFetchStatusEvent event,
-    Emitter<ScheduleState> emit,
-  ) async {
-    emit(ScheduleLoading());
-
-    try {
-      final status =
-          await DevicesManagementApi().getDeviceStatus(event.deviceId);
-      print(status.status);
-      final deviceStatus =
-          WaterHeaterStatusModel.fromJson(event.deviceId, status.status);
-
-      final scheduleMode =
-          deviceStatus.countdownHours > 0 || deviceStatus.countdownMinutes > 0
-              ? ScheduleModes.countdown
-              : deviceStatus.inchingHours > 0 || deviceStatus.inchingMinutes > 0
-                  ? ScheduleModes.inching
-                  : ScheduleModes.schedule;
-      final isCountdown = scheduleMode == ScheduleModes.countdown;
-      final isInching = scheduleMode == ScheduleModes.inching;
-
-      Duration? countdownRemaining;
-      var isCountdownActive = false;
-      var isInchingActive = false;
-
-      if (isCountdown) {
-        countdownRemaining = Duration(
-          hours: deviceStatus.countdownHours,
-          minutes: deviceStatus.countdownMinutes,
-        );
-        isCountdownActive = countdownRemaining > Duration.zero;
-      } else if (isInching) {
-        isInchingActive = Duration(
-              hours: deviceStatus.inchingHours,
-              minutes: deviceStatus.inchingMinutes,
-            ) >
-            Duration.zero;
-      }
-      if (state is ScheduleLoaded) {
-        final currentState = state as ScheduleLoaded;
-        emit(currentState.copyWith(
-          scheduleMode: scheduleMode,
-          countdownHours: deviceStatus.countdownHours,
-          countdownMinutes: deviceStatus.countdownMinutes,
-          inchingHours: deviceStatus.inchingHours,
-          inchingMinutes: deviceStatus.inchingMinutes,
-          isCountdownActive: isCountdownActive,
-          isInchingActive: isInchingActive,
-          countdownRemaining: countdownRemaining ?? Duration.zero,
-        ));
-      } else {
-        emit(ScheduleLoaded(
-          schedules: const [],
-          selectedTime: null,
-          selectedDays: List.filled(7, false),
-          functionOn: false,
-          isEditing: false,
-          deviceId: deviceId,
-          scheduleMode: scheduleMode,
-          countdownHours: deviceStatus.countdownHours,
-          countdownMinutes: deviceStatus.countdownMinutes,
-          inchingHours: deviceStatus.inchingHours,
-          inchingMinutes: deviceStatus.inchingMinutes,
-          isCountdownActive: isCountdownActive,
-          isInchingActive: isInchingActive,
-          countdownRemaining: countdownRemaining ?? Duration.zero,
-        ));
-      }
-
-      // if (isCountdownActive && countdownRemaining != null) {
-      //   _startCountdownTimer(emit, countdownRemaining);
-      // }
-    } catch (e) {
-      emit(ScheduleError('Failed to fetch device status: $e'));
-    }
-  }
-
-  String extractTime(String isoDateTime) {
-    // Example input: "2025-06-19T15:45:00.000"
-    return isoDateTime.split('T')[1].split('.')[0]; // gives "15:45:00"
-  }
-
-  int? getTimeStampWithoutSeconds(DateTime? dateTime) {
-    if (dateTime == null) return null;
-    DateTime dateTimeWithoutSeconds = DateTime(dateTime.year, dateTime.month,
-        dateTime.day, dateTime.hour, dateTime.minute);
-    return dateTimeWithoutSeconds.millisecondsSinceEpoch ~/ 1000;
-  }
-}

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

@@ -1,232 +0,0 @@
-part of 'schedule_bloc.dart';
-
-abstract class ScheduleEvent extends Equatable {
-  const ScheduleEvent();
-}
-
-class ScheduleInitializeAddEvent extends ScheduleEvent {
-  final bool isEditing;
-  final ScheduleModes scheduleMode;
-  final TimeOfDay? selectedTime;
-  final List<bool>? selectedDays;
-  final bool? functionOn;
-
-  const ScheduleInitializeAddEvent({
-    required this.isEditing,
-    required this.scheduleMode,
-    this.selectedTime,
-    this.selectedDays,
-    this.functionOn,
-  });
-
-  @override
-  List<Object?> get props => [
-        isEditing,
-        scheduleMode,
-        selectedTime,
-        selectedDays,
-        functionOn,
-      ];
-}
-
-class ScheduleUpdateSelectedTimeEvent extends ScheduleEvent {
-  final TimeOfDay selectedTime;
-
-  const ScheduleUpdateSelectedTimeEvent(this.selectedTime);
-
-  @override
-  List<Object> get props => [selectedTime];
-}
-
-class ScheduleUpdateSelectedDayEvent extends ScheduleEvent {
-  final int index;
-  final bool value;
-
-  const ScheduleUpdateSelectedDayEvent(this.index, this.value);
-
-  @override
-  List<Object> get props => [index, value];
-}
-
-class ScheduleUpdateFunctionOnEvent extends ScheduleEvent {
-  final bool isOn;
-
-  const ScheduleUpdateFunctionOnEvent(this.isOn);
-
-  @override
-  List<Object> get props => [isOn];
-}
-
-class ScheduleGetEvent extends ScheduleEvent {
-  final String category;
-
-  const ScheduleGetEvent({required this.category});
-
-  @override
-  List<Object> get props => [category];
-}
-
-class ScheduleAddEvent extends ScheduleEvent {
-  final String category;
-  final String time;
-  final List<String> selectedDays;
-  final bool functionOn;
-
-  const ScheduleAddEvent({
-    required this.category,
-    required this.time,
-    required this.selectedDays,
-    required this.functionOn,
-  });
-
-  @override
-  List<Object> get props => [category, time, selectedDays, functionOn];
-}
-
-class ScheduleEditEvent extends ScheduleEvent {
-  final String scheduleId;
-  final String category;
-  final String time;
-  final List<String> selectedDays;
-  final bool functionOn;
-
-  const ScheduleEditEvent({
-    required this.scheduleId,
-    required this.category,
-    required this.time,
-    required this.selectedDays,
-    required this.functionOn,
-  });
-
-  @override
-  List<Object> get props => [
-        scheduleId,
-        category,
-        time,
-        selectedDays,
-        functionOn,
-      ];
-}
-
-class ScheduleDeleteEvent extends ScheduleEvent {
-  final String scheduleId;
-
-  const ScheduleDeleteEvent(this.scheduleId);
-
-  @override
-  List<Object> get props => [scheduleId];
-}
-
-class ScheduleUpdateEntryEvent extends ScheduleEvent {
-  final String scheduleId;
-  final bool functionOn;
-  final bool enable;
-  final String category;
-
-  const ScheduleUpdateEntryEvent({
-    required this.scheduleId,
-    required this.functionOn,
-    required this.enable,
-    required this.category,
-  });
-
-  @override
-  List<Object> get props => [scheduleId, functionOn, enable, category];
-}
-
-class UpdateScheduleModeEvent extends ScheduleEvent {
-  final ScheduleModes scheduleMode;
-
-  const UpdateScheduleModeEvent({required this.scheduleMode});
-
-  @override
-  List<Object> get props => [scheduleMode];
-}
-
-class UpdateCountdownTimeEvent extends ScheduleEvent {
-  final int hours;
-  final int minutes;
-
-  const UpdateCountdownTimeEvent({
-    required this.hours,
-    required this.minutes,
-  });
-
-  @override
-  List<Object> get props => [hours, minutes];
-}
-
-class UpdateInchingTimeEvent extends ScheduleEvent {
-  final int hours;
-  final int minutes;
-
-  const UpdateInchingTimeEvent({
-    required this.hours,
-    required this.minutes,
-  });
-
-  @override
-  List<Object> get props => [hours, minutes];
-}
-
-class StartScheduleEvent extends ScheduleEvent {
-  final ScheduleModes mode;
-  final int hours;
-  final int minutes;
-
-  const StartScheduleEvent({
-    required this.mode,
-    required this.hours,
-    required this.minutes,
-  });
-
-  @override
-  List<Object?> get props => [mode, hours, minutes];
-}
-
-class StopScheduleEvent extends ScheduleEvent {
-  final ScheduleModes mode;
-  final String deviceId;
-
-  const StopScheduleEvent({
-    required this.mode,
-    required this.deviceId,
-  });
-
-  @override
-  List<Object?> get props => [mode, deviceId];
-}
-
-class ScheduleDecrementCountdownEvent extends ScheduleEvent {
-  const ScheduleDecrementCountdownEvent();
-
-  @override
-  List<Object> get props => [];
-}
-
-class ScheduleFetchStatusEvent extends ScheduleEvent {
-  final String deviceId;
-
-  const ScheduleFetchStatusEvent(this.deviceId);
-
-  @override
-  List<Object> get props => [deviceId];
-}
-
-class DeleteScheduleEvent extends ScheduleEvent {
-  final String scheduleId;
-
-  const DeleteScheduleEvent(this.scheduleId);
-
-  @override
-  List<Object> get props => [scheduleId];
-}
-
-class StatusUpdatedScheduleEvent extends ScheduleEvent {
-  final String id;
-
-  const StatusUpdatedScheduleEvent(this.id);
-
-  @override
-  List<Object> get props => [id];
-}

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

@@ -1,109 +0,0 @@
-part of 'schedule_bloc.dart';
-
-abstract class ScheduleState extends Equatable {
-  const ScheduleState();
-}
-
-class ScheduleInitial extends ScheduleState {
-  @override
-  List<Object> get props => [];
-}
-
-class ScheduleLoading extends ScheduleState {
-  @override
-  List<Object> get props => [];
-}
-
-class ScheduleLoaded extends ScheduleState {
-  final List<ScheduleModel> schedules;
-  final TimeOfDay? selectedTime;
-  final List<bool> selectedDays;
-  final bool functionOn;
-  final bool isEditing;
-  final String deviceId;
-  final int countdownHours;
-  final int countdownMinutes;
-  final bool isCountdownActive;
-  final int inchingHours;
-  final int inchingMinutes;
-  final bool isInchingActive;
-  final ScheduleModes scheduleMode;
-  final Duration? countdownRemaining;
-
-  const ScheduleLoaded({
-    required this.schedules,
-    this.selectedTime,
-    required this.selectedDays,
-    required this.functionOn,
-    required this.isEditing,
-    required this.deviceId,
-    this.countdownHours = 0,
-    this.countdownMinutes = 0,
-    this.isCountdownActive = false,
-    this.inchingHours = 0,
-    this.inchingMinutes = 0,
-    this.isInchingActive = false,
-    this.scheduleMode = ScheduleModes.countdown,
-    this.countdownRemaining,
-  });
-
-  ScheduleLoaded copyWith({
-    List<ScheduleModel>? schedules,
-    TimeOfDay? selectedTime,
-    List<bool>? selectedDays,
-    bool? functionOn,
-    bool? isEditing,
-    int? countdownHours,
-    int? countdownMinutes,
-    bool? isCountdownActive,
-    int? inchingHours,
-    int? inchingMinutes,
-    bool? isInchingActive,
-    ScheduleModes? scheduleMode,
-    Duration? countdownRemaining,
-  }) {
-    return ScheduleLoaded(
-      schedules: schedules ?? this.schedules,
-      selectedTime: selectedTime ?? this.selectedTime,
-      selectedDays: selectedDays ?? this.selectedDays,
-      functionOn: functionOn ?? this.functionOn,
-      isEditing: isEditing ?? this.isEditing,
-      deviceId: deviceId,
-      countdownHours: countdownHours ?? this.countdownHours,
-      countdownMinutes: countdownMinutes ?? this.countdownMinutes,
-      isCountdownActive: isCountdownActive ?? this.isCountdownActive,
-      inchingHours: inchingHours ?? this.inchingHours,
-      inchingMinutes: inchingMinutes ?? this.inchingMinutes,
-      isInchingActive: isInchingActive ?? this.isInchingActive,
-      scheduleMode: scheduleMode ?? this.scheduleMode,
-      countdownRemaining: countdownRemaining ?? this.countdownRemaining,
-    );
-  }
-
-  @override
-  List<Object?> get props => [
-        schedules,
-        selectedTime,
-        selectedDays,
-        functionOn,
-        isEditing,
-        deviceId,
-        countdownHours,
-        countdownMinutes,
-        isCountdownActive,
-        inchingHours,
-        inchingMinutes,
-        isInchingActive,
-        scheduleMode,
-        countdownRemaining,
-      ];
-}
-
-class ScheduleError extends ScheduleState {
-  final String error;
-
-  const ScheduleError(this.error);
-
-  @override
-  List<Object> get props => [error];
-}

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

@@ -1,185 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/bloc/schedule_bloc.dart';
-import 'package:syncrow_web/pages/device_managment/water_heater/models/water_heater_status_model.dart';
-import 'package:syncrow_web/utils/color_manager.dart';
-import 'package:syncrow_web/utils/extension/build_context_x.dart';
-
-class CountdownInchingView extends StatefulWidget {
-  const CountdownInchingView({super.key});
-
-  @override
-  State<CountdownInchingView> createState() => _CountdownInchingViewState();
-}
-
-class _CountdownInchingViewState extends State<CountdownInchingView> {
-  late FixedExtentScrollController _hoursController;
-  late FixedExtentScrollController _minutesController;
-
-  int _lastHours = -1;
-  int _lastMinutes = -1;
-
-  @override
-  void initState() {
-    super.initState();
-    _hoursController = FixedExtentScrollController();
-    _minutesController = FixedExtentScrollController();
-  }
-
-  @override
-  void dispose() {
-    _hoursController.dispose();
-    _minutesController.dispose();
-    super.dispose();
-  }
-
-  void _updateControllers(int displayHours, int displayMinutes) {
-    if (_lastHours != displayHours) {
-      WidgetsBinding.instance.addPostFrameCallback((_) {
-        if (_hoursController.hasClients) {
-          _hoursController.jumpToItem(displayHours);
-        }
-      });
-      _lastHours = displayHours;
-    }
-    if (_lastMinutes != displayMinutes) {
-      WidgetsBinding.instance.addPostFrameCallback((_) {
-        if (_minutesController.hasClients) {
-          _minutesController.jumpToItem(displayMinutes);
-        }
-      });
-      _lastMinutes = displayMinutes;
-    }
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return BlocBuilder<ScheduleBloc, ScheduleState>(
-      builder: (context, state) {
-        if (state is! ScheduleLoaded) return const SizedBox.shrink();
-
-        final isCountDown = state.scheduleMode == ScheduleModes.countdown;
-        final isActive =
-            isCountDown ? state.isCountdownActive : state.isInchingActive;
-        final displayHours = isActive && state.countdownRemaining != null
-            ? state.countdownRemaining!.inHours
-            : (isCountDown ? state.countdownHours : state.inchingHours);
-        final displayMinutes = isActive && state.countdownRemaining != null
-            ? state.countdownRemaining!.inMinutes.remainder(60)
-            : (isCountDown ? state.countdownMinutes : state.inchingMinutes);
-
-        _updateControllers(displayHours, displayMinutes);
-        return Column(
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            Text(
-              isCountDown ? 'Countdown:' : 'Inching:',
-              style: context.textTheme.bodySmall!.copyWith(
-                fontSize: 13,
-                color: ColorsManager.grayColor,
-              ),
-            ),
-            const SizedBox(height: 8),
-            Visibility(
-              visible: !isCountDown,
-              child: const Text(
-                'Once enabled this feature, each time the device is turned on, '
-                'it will automatically turn off after a preset time.',
-              ),
-            ),
-            const SizedBox(height: 8),
-            Row(
-              mainAxisAlignment: MainAxisAlignment.start,
-              children: [
-                _buildPickerColumn(
-                  context,
-                  'h',
-                  displayHours,
-                  100,
-                  _hoursController,
-                  (value) {
-                    if (!isActive) {
-                      context.read<ScheduleBloc>().add(UpdateCountdownTimeEvent(
-                          hours: value, minutes: displayMinutes));
-                    }
-                  },
-                  isActive: isActive,
-                ),
-                const SizedBox(width: 10),
-                _buildPickerColumn(
-                  context,
-                  'm',
-                  displayMinutes,
-                  60,
-                  _minutesController,
-                  (value) {
-                    if (!isActive) {
-                      context.read<ScheduleBloc>().add(UpdateCountdownTimeEvent(
-                          hours: displayHours, minutes: value));
-                    }
-                  },
-                  isActive: isActive,
-                ),
-              ],
-            ),
-          ],
-        );
-      },
-    );
-  }
-
-  Widget _buildPickerColumn(
-    BuildContext context,
-    String label,
-    int initialValue,
-    int itemCount,
-    FixedExtentScrollController controller,
-    ValueChanged<int> onSelected, {
-    required bool isActive,
-  }) {
-    return Row(
-      mainAxisSize: MainAxisSize.min,
-      children: [
-        Container(
-          height: 40,
-          width: 80,
-          padding: const EdgeInsets.symmetric(horizontal: 16),
-          decoration: BoxDecoration(
-            color: ColorsManager.boxColor,
-            borderRadius: BorderRadius.circular(8),
-          ),
-          child: ListWheelScrollView.useDelegate(
-            controller: controller,
-            itemExtent: 40.0,
-            physics: isActive
-                ? const NeverScrollableScrollPhysics()
-                : const FixedExtentScrollPhysics(),
-            onSelectedItemChanged: isActive ? null : onSelected,
-            childDelegate: ListWheelChildBuilderDelegate(
-              builder: (context, index) {
-                return Center(
-                  child: Text(
-                    index.toString().padLeft(2, '0'),
-                    style: TextStyle(
-                      fontSize: 24,
-                      color: isActive ? ColorsManager.grayColor : Colors.black,
-                    ),
-                  ),
-                );
-              },
-              childCount: itemCount,
-            ),
-          ),
-        ),
-        const SizedBox(width: 8),
-        Text(
-          label,
-          style: const TextStyle(
-            color: ColorsManager.grayColor,
-            fontSize: 18,
-          ),
-        ),
-      ],
-    );
-  }
-}

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

@@ -1,110 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/bloc/schedule_bloc.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/count_down_button.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/count_down_inching_view.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/inching_mode_buttons.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedule_header.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedule_managment_ui.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedule_mode_buttons.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedule_mode_selector.dart';
-import 'package:syncrow_web/pages/device_managment/water_heater/helper/add_schedule_dialog_helper.dart';
-import 'package:syncrow_web/pages/device_managment/water_heater/models/water_heater_status_model.dart';
-
-class BuildScheduleView extends StatelessWidget {
-  const BuildScheduleView(
-      {super.key, required this.deviceUuid, required this.category});
-  final String deviceUuid;
-  final String category;
-
-  @override
-  Widget build(BuildContext context) {
-    return BlocProvider(
-      create: (_) => ScheduleBloc(
-        deviceId: deviceUuid,
-      )
-        ..add(ScheduleGetEvent(category: category))
-        ..add(ScheduleFetchStatusEvent(deviceUuid)),
-      child: Dialog(
-        backgroundColor: Colors.white,
-        insetPadding: const EdgeInsets.all(20),
-        shape: RoundedRectangleBorder(
-          borderRadius: BorderRadius.circular(20),
-        ),
-        child: SizedBox(
-          width: 700,
-          child: SingleChildScrollView(
-            child: Padding(
-              padding:
-                  const EdgeInsets.symmetric(horizontal: 40.0, vertical: 20),
-              child: BlocBuilder<ScheduleBloc, ScheduleState>(
-                builder: (context, state) {
-                  if (state is ScheduleLoaded) {
-                    return Column(
-                      crossAxisAlignment: CrossAxisAlignment.start,
-                      children: [
-                        const ScheduleHeader(),
-                        const SizedBox(height: 20),
-                        ScheduleModeSelector(
-                          currentMode: state.scheduleMode,
-                        ),
-                        const SizedBox(height: 20),
-                        if (state.scheduleMode == ScheduleModes.schedule)
-                          ScheduleManagementUI(
-                            category: category,
-                            deviceUuid: deviceUuid,
-                            onAddSchedule: () async {
-                              final entry = await ScheduleDialogHelper
-                                  .showAddScheduleDialog(
-                                context,
-                                schedule: null,
-                                isEdit: false,
-                              );
-                              if (entry != null) {
-                                context.read<ScheduleBloc>().add(
-                                      ScheduleAddEvent(
-                                        category: entry.category,
-                                        time: entry.time,
-                                        functionOn: entry.function.value,
-                                        selectedDays: entry.days,
-                                      ),
-                                    );
-                              }
-                            },
-                          ),
-                        if (state.scheduleMode == ScheduleModes.countdown ||
-                            state.scheduleMode == ScheduleModes.inching)
-                          const CountdownInchingView(),
-                        const SizedBox(height: 20),
-                        if (state.scheduleMode == ScheduleModes.countdown)
-                          CountdownModeButtons(
-                            isActive: state.isCountdownActive,
-                            deviceId: deviceUuid,
-                            hours: state.countdownHours,
-                            minutes: state.countdownMinutes,
-                          ),
-                        if (state.scheduleMode == ScheduleModes.inching)
-                          InchingModeButtons(
-                            isActive: state.isInchingActive,
-                            deviceId: deviceUuid,
-                            hours: state.inchingHours,
-                            minutes: state.inchingMinutes,
-                          ),
-                        if (state.scheduleMode != ScheduleModes.countdown &&
-                            state.scheduleMode != ScheduleModes.inching)
-                          ScheduleModeButtons(
-                            onSave: () => Navigator.pop(context),
-                          ),
-                      ],
-                    );
-                  }
-                  return const Center(child: CircularProgressIndicator());
-                },
-              ),
-            ),
-          ),
-        ),
-      ),
-    );
-  }
-}

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

@@ -1,72 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_svg/flutter_svg.dart';
-import 'package:syncrow_web/pages/device_managment/shared/device_controls_container.dart';
-import 'package:syncrow_web/utils/color_manager.dart';
-
-class ScheduleControlButton extends StatelessWidget {
-  final VoidCallback onTap;
-  final String mainText;
-  final String subtitle;
-  final String iconPath;
-
-  const ScheduleControlButton({
-    super.key,
-    required this.onTap,
-    required this.mainText,
-    required this.subtitle,
-    required this.iconPath,
-  });
-
-  @override
-  Widget build(BuildContext context) {
-    return GestureDetector(
-      onTap: onTap,
-      child: DeviceControlsContainer(
-        child: Column(
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            Container(
-              width: 60,
-              height: 60,
-              decoration: const BoxDecoration(
-                shape: BoxShape.circle,
-                color: ColorsManager.whiteColors,
-              ),
-              margin: const EdgeInsets.symmetric(horizontal: 4),
-              padding: const EdgeInsets.all(12),
-              child: ClipOval(
-                child: SvgPicture.asset(
-                  iconPath,
-                  fit: BoxFit.fill,
-                ),
-              ),
-            ),
-            const Spacer(),
-            Column(
-              crossAxisAlignment: CrossAxisAlignment.start,
-              children: [
-                Text(
-                  mainText,
-                  textAlign: TextAlign.center,
-                  style: Theme.of(context).textTheme.titleMedium!.copyWith(
-                        fontWeight: FontWeight.w200,
-                        fontSize: 12,
-                        color: ColorsManager.blackColor,
-                      ),
-                ),
-                Text(
-                  subtitle,
-                  textAlign: TextAlign.center,
-                  style: Theme.of(context).textTheme.titleMedium!.copyWith(
-                        fontWeight: FontWeight.w400,
-                        color: ColorsManager.blackColor,
-                      ),
-                ),
-              ],
-            ),
-          ],
-        ),
-      ),
-    );
-  }
-}

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

@@ -1,87 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/bloc/schedule_bloc.dart';
-import 'package:syncrow_web/pages/device_managment/water_heater/models/water_heater_status_model.dart';
-import 'package:syncrow_web/utils/color_manager.dart';
-import 'package:syncrow_web/utils/extension/build_context_x.dart';
-
-class ScheduleModeSelector extends StatelessWidget {
-  final ScheduleModes currentMode;
-
-  const ScheduleModeSelector({
-    super.key,
-    required this.currentMode,
-  });
-
-  @override
-  Widget build(BuildContext context) {
-    final currentMode = context.select<ScheduleBloc, ScheduleModes>(
-      (bloc) => bloc.state is ScheduleLoaded &&
-              (bloc.state as ScheduleLoaded).scheduleMode != null
-          ? (bloc.state as ScheduleLoaded).scheduleMode
-          : ScheduleModes.schedule,
-    );
-    return Column(
-      crossAxisAlignment: CrossAxisAlignment.start,
-      children: [
-        Text(
-          'Type:',
-          style: context.textTheme.bodySmall!.copyWith(
-            fontSize: 13,
-            color: ColorsManager.grayColor,
-          ),
-        ),
-        const SizedBox(height: 4),
-        Row(
-          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
-          children: [
-            _buildRadioTile(
-                context, 'Countdown', ScheduleModes.countdown, currentMode),
-            _buildRadioTile(
-                context, 'Schedule', ScheduleModes.schedule, currentMode),
-            // _buildRadioTile(
-            //     context, 'Circulate', ScheduleModes.circulate, currentMode),
-            // _buildRadioTile(
-            //     context, 'Inching', ScheduleModes.inching, currentMode),
-          ],
-        ),
-      ],
-    );
-  }
-
-  Widget _buildRadioTile(
-    BuildContext context,
-    String label,
-    ScheduleModes mode,
-    ScheduleModes currentMode,
-  ) {
-    return Flexible(
-      child: ListTile(
-        contentPadding: EdgeInsets.zero,
-        title: Text(
-          label,
-          style: context.textTheme.bodySmall!.copyWith(
-            fontSize: 13,
-            color: ColorsManager.blackColor,
-          ),
-        ),
-        leading: Radio<ScheduleModes>(
-          value: mode,
-          groupValue: currentMode,
-          onChanged: (ScheduleModes? value) {
-            if (value != null) {
-              context.read<ScheduleBloc>().add(
-                    UpdateScheduleModeEvent(scheduleMode: value),
-                  );
-              if (value == ScheduleModes.schedule) {
-                context.read<ScheduleBloc>().add(
-                      const ScheduleGetEvent(category: 'switch_1'),
-                    );
-              }
-            }
-          },
-        ),
-      ),
-    );
-  }
-}

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

@@ -1,283 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:flutter_svg/svg.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/bloc/schedule_bloc.dart';
-import 'package:syncrow_web/pages/device_managment/water_heater/helper/add_schedule_dialog_helper.dart';
-import 'package:syncrow_web/pages/device_managment/water_heater/models/schedule_entry.dart';
-import 'package:syncrow_web/pages/device_managment/water_heater/models/schedule_model.dart';
-import 'package:syncrow_web/utils/color_manager.dart';
-import 'package:syncrow_web/utils/constants/assets.dart';
-import 'package:syncrow_web/utils/format_date_time.dart';
-
-class ScheduleTableWidget extends StatelessWidget {
-  final String deviceUuid;
-  final String category;
-
-  const ScheduleTableWidget({
-    super.key,
-    required this.deviceUuid,
-    this.category = 'switch_1',
-  });
-
-  @override
-  Widget build(BuildContext context) {
-    return BlocProvider(
-      create: (_) => ScheduleBloc(
-        deviceId: deviceUuid,
-      )..add(ScheduleGetEvent(category: category)),
-      child: _ScheduleTableView(),
-    );
-  }
-}
-
-class _ScheduleTableView extends StatelessWidget {
-  const _ScheduleTableView();
-
-  @override
-  Widget build(BuildContext context) {
-    return Column(
-      children: [
-        Table(
-          border: TableBorder.all(
-            color: ColorsManager.graysColor,
-            borderRadius: const BorderRadius.only(
-                topLeft: Radius.circular(20), topRight: Radius.circular(20)),
-          ),
-          children: [
-            TableRow(
-              decoration: const BoxDecoration(
-                color: ColorsManager.boxColor,
-                borderRadius: BorderRadius.only(
-                  topLeft: Radius.circular(20),
-                  topRight: Radius.circular(20),
-                ),
-              ),
-              children: [
-                _buildTableHeader('Active'),
-                _buildTableHeader('Days'),
-                _buildTableHeader('Time'),
-                _buildTableHeader('Function'),
-                _buildTableHeader('Action'),
-              ],
-            ),
-          ],
-        ),
-        BlocBuilder<ScheduleBloc, ScheduleState>(
-          builder: (context, state) {
-            if (state is ScheduleLoading) {
-              return const SizedBox(
-                  height: 200,
-                  child: Center(child: CircularProgressIndicator()));
-            }
-            if (state is ScheduleLoaded && state.schedules.isEmpty) {
-              return _buildEmptyState(context);
-            }
-            if (state is ScheduleLoaded) {
-              return Container(
-                  height: 200,
-                  decoration: BoxDecoration(
-                    border: Border.all(color: ColorsManager.graysColor),
-                    borderRadius: const BorderRadius.only(
-                        bottomLeft: Radius.circular(20),
-                        bottomRight: Radius.circular(20)),
-                  ),
-                  child: _buildTableBody(state.schedules, context));
-            }
-            if (state is ScheduleError) {
-              return Center(child: Text(state.error));
-            }
-            return const SizedBox(height: 200);
-          },
-        ),
-      ],
-    );
-  }
-
-  Widget _buildEmptyState(BuildContext context) {
-    return Container(
-      height: 200,
-      decoration: BoxDecoration(
-        border: Border.all(color: ColorsManager.graysColor),
-        borderRadius: const BorderRadius.only(
-            bottomLeft: Radius.circular(20), bottomRight: Radius.circular(20)),
-      ),
-      child: Center(
-        child: Column(
-          mainAxisSize: MainAxisSize.min,
-          children: [
-            SvgPicture.asset(Assets.emptyRecords, width: 40, height: 40),
-            const SizedBox(height: 8),
-            Padding(
-              padding: const EdgeInsets.all(8.0),
-              child: Text(
-                'No schedules added yet',
-                style: Theme.of(context).textTheme.bodySmall!.copyWith(
-                      fontSize: 13,
-                      color: ColorsManager.grayColor,
-                    ),
-              ),
-            ),
-          ],
-        ),
-      ),
-    );
-  }
-
-  Widget _buildTableBody(List<ScheduleModel> schedules, BuildContext context) {
-    return SizedBox(
-      height: 200,
-      child: SingleChildScrollView(
-        child: Table(
-          border: TableBorder.all(color: ColorsManager.graysColor),
-          defaultVerticalAlignment: TableCellVerticalAlignment.middle,
-          children: [
-            for (int i = 0; i < schedules.length; i++)
-              _buildScheduleRow(schedules[i], i, context),
-          ],
-        ),
-      ),
-    );
-  }
-
-  Widget _buildTableHeader(String label) {
-    return TableCell(
-      child: Padding(
-        padding: const EdgeInsets.all(12),
-        child: Text(
-          label,
-          style: const TextStyle(
-            fontSize: 13,
-            color: ColorsManager.grayColor,
-          ),
-        ),
-      ),
-    );
-  }
-
-  TableRow _buildScheduleRow(
-      ScheduleModel schedule, int index, BuildContext context) {
-    return TableRow(
-      children: [
-        Center(
-          child: GestureDetector(
-            behavior: HitTestBehavior.opaque,
-            onTap: () {
-              context.read<ScheduleBloc>().add(
-                    ScheduleUpdateEntryEvent(
-                      category: schedule.category,
-                      scheduleId: schedule.scheduleId,
-                      functionOn: schedule.function.value,
-                      enable: !schedule.enable,
-                    ),
-                  );
-            },
-            child: Center(
-              child: SizedBox(
-                width: 24,
-                height: 24,
-                child: schedule.enable
-                    ? const Icon(Icons.radio_button_checked,
-                        color: ColorsManager.blueColor)
-                    : const Icon(Icons.radio_button_unchecked,
-                        color: ColorsManager.grayColor),
-              ),
-            ),
-          ),
-        ),
-        Center(
-            child: Text(_getSelectedDays(
-                ScheduleModel.parseSelectedDays(schedule.days)))),
-        Center(child: Text(formatIsoStringToTime(schedule.time, context))),
-        Center(child: Text(schedule.function.value ? 'On' : 'Off')),
-        Center(
-          child: Wrap(
-            runAlignment: WrapAlignment.center,
-            children: [
-              TextButton(
-                style: TextButton.styleFrom(padding: EdgeInsets.zero),
-                onPressed: () {
-                  ScheduleDialogHelper.showAddScheduleDialog(
-                    context,
-                    schedule: ScheduleEntry.fromScheduleModel(schedule),
-                    isEdit: true,
-                  ).then((updatedSchedule) {
-                    if (updatedSchedule != null) {
-                      context.read<ScheduleBloc>().add(
-                            ScheduleEditEvent(
-                                scheduleId: schedule.scheduleId,
-                                category: schedule.category,
-                                time: updatedSchedule.time,
-                                functionOn: updatedSchedule.function.value,
-                                selectedDays: updatedSchedule.days),
-                          );
-                    }
-                  });
-                },
-                child: Text(
-                  'Edit',
-                  style: Theme.of(context)
-                      .textTheme
-                      .bodySmall!
-                      .copyWith(color: ColorsManager.blueColor),
-                ),
-              ),
-              TextButton(
-                style: TextButton.styleFrom(padding: EdgeInsets.zero),
-                onPressed: () async {
-                  final confirmed = await showDialog<bool>(
-                    context: context,
-                    builder: (BuildContext dialogContext) {
-                      return AlertDialog(
-                        title: const Text('Confirm Delete'),
-                        content: const Text(
-                            'Are you sure you want to delete this schedule?'),
-                        actions: [
-                          TextButton(
-                            onPressed: () =>
-                                Navigator.of(dialogContext).pop(false),
-                            child: Text('Cancel'),
-                          ),
-                          TextButton(
-                            onPressed: () =>
-                                Navigator.of(dialogContext).pop(true),
-                            child: const Text(
-                              'Delete',
-                              style: TextStyle(color: Colors.red),
-                            ),
-                          ),
-                        ],
-                      );
-                    },
-                  );
-
-                  if (confirmed == true) {
-                    context.read<ScheduleBloc>().add(
-                          ScheduleDeleteEvent(schedule.scheduleId),
-                        );
-                  }
-                },
-                child: Text(
-                  'Delete',
-                  style: Theme.of(context)
-                      .textTheme
-                      .bodySmall!
-                      .copyWith(color: ColorsManager.blueColor),
-                ),
-              )
-            ],
-          ),
-        ),
-      ],
-    );
-  }
-
-  String _getSelectedDays(List<bool> selectedDays) {
-    const days = ScheduleDialogHelper.allDays;
-    return selectedDays
-        .asMap()
-        .entries
-        .where((entry) => entry.value)
-        .map((entry) => days[entry.key])
-        .join(', ');
-  }
-}

lib/pages/device_managment/three_g_glass_switch/view/three_gang_glass_switch_control_view.dart

@@ -1,16 +1,14 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedual_view.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedule_control_button.dart';
 import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
 import 'package:syncrow_web/pages/device_managment/three_g_glass_switch/bloc/three_gang_glass_switch_bloc.dart';
 import 'package:syncrow_web/pages/device_managment/three_g_glass_switch/factories/three_gang_glass_switch_bloc_factory.dart';
 import 'package:syncrow_web/utils/constants/assets.dart';
 import 'package:syncrow_web/utils/helpers/responsice_layout_helper/responsive_layout_helper.dart';
+
 import '../models/three_gang_glass_switch.dart';
 
-class ThreeGangGlassSwitchControlView extends StatelessWidget
+class ThreeGangGlassSwitchControlView extends StatelessWidget with HelperResponsiveLayout {
-    with HelperResponsiveLayout {
   final String deviceId;
 
   const ThreeGangGlassSwitchControlView({required this.deviceId, super.key});
@@ -19,8 +17,7 @@ class ThreeGangGlassSwitchControlView extends StatelessWidget
   Widget build(BuildContext context) {
     return BlocProvider(
       create: (context) =>
-          ThreeGangGlassSwitchBlocFactory.create(deviceId: deviceId)
+          ThreeGangGlassSwitchBlocFactory.create(deviceId: deviceId)..add(ThreeGangGlassSwitchFetchDeviceEvent(deviceId)),
-            ..add(ThreeGangGlassSwitchFetchDeviceEvent(deviceId)),
       child: BlocBuilder<ThreeGangGlassSwitchBloc, ThreeGangGlassSwitchState>(
         builder: (context, state) {
           if (state is ThreeGangGlassSwitchLoading) {
@@ -37,8 +34,7 @@ class ThreeGangGlassSwitchControlView extends StatelessWidget
     );
   }
 
-  Widget _buildStatusControls(
+  Widget _buildStatusControls(BuildContext context, ThreeGangGlassStatusModel status) {
-      BuildContext context, ThreeGangGlassStatusModel status) {
     final isExtraLarge = isExtraLargeScreenSize(context);
     final isLarge = isLargeScreenSize(context);
     final isMedium = isMediumScreenSize(context);
@@ -102,54 +98,6 @@ class ThreeGangGlassSwitchControlView extends StatelessWidget
                 );
           },
         ),
-        ScheduleControlButton(
-          onTap: () {
-            showDialog<void>(
-                context: context,
-                builder: (ctx) => BlocProvider.value(
-                      value: BlocProvider.of<ThreeGangGlassSwitchBloc>(context),
-                      child: BuildScheduleView(
-                        category: 'switch_1',
-                        deviceUuid: deviceId,
-                      ),
-                    ));
-          },
-          mainText: 'Wall Light',
-          subtitle: 'Scheduling',
-          iconPath: Assets.scheduling,
-        ),
-        ScheduleControlButton(
-          onTap: () {
-            showDialog<void>(
-                context: context,
-                builder: (ctx) => BlocProvider.value(
-                      value: BlocProvider.of<ThreeGangGlassSwitchBloc>(context),
-                      child: BuildScheduleView(
-                        category: 'switch_2',
-                        deviceUuid: deviceId,
-                      ),
-                    ));
-          },
-          mainText: 'Ceiling Light',
-          subtitle: 'Scheduling',
-          iconPath: Assets.scheduling,
-        ),
-        ScheduleControlButton(
-          onTap: () {
-            showDialog<void>(
-                context: context,
-                builder: (ctx) => BlocProvider.value(
-                      value: BlocProvider.of<ThreeGangGlassSwitchBloc>(context),
-                      child: BuildScheduleView(
-                        category: 'switch_3',
-                        deviceUuid: deviceId,
-                      ),
-                    ));
-          },
-          mainText: 'SpotLight',
-          subtitle: 'Scheduling',
-          iconPath: Assets.scheduling,
-        ),
         ToggleWidget(
           value: false,
           code: '',
@@ -159,6 +107,15 @@ class ThreeGangGlassSwitchControlView extends StatelessWidget
           onChange: (value) {},
           showToggle: false,
         ),
+        ToggleWidget(
+          value: false,
+          code: '',
+          deviceId: deviceId,
+          label: 'Scheduling',
+          icon: Assets.scheduling,
+          onChange: (value) {},
+          showToggle: false,
+        ),
       ],
     );
   }

lib/pages/device_managment/three_gang_switch/view/living_room_device_control.dart

@@ -1,12 +1,9 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedual_view.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedule_control_button.dart';
 import 'package:syncrow_web/pages/device_managment/three_gang_switch/bloc/living_room_bloc.dart';
 import 'package:syncrow_web/pages/device_managment/three_gang_switch/factories/living_room_bloc_factory.dart';
 import 'package:syncrow_web/pages/device_managment/three_gang_switch/models/living_room_model.dart';
 import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
-import 'package:syncrow_web/utils/constants/assets.dart';
 import 'package:syncrow_web/utils/helpers/responsice_layout_helper/responsive_layout_helper.dart';
 
 class LivingRoomDeviceControlsView extends StatelessWidget
@@ -93,54 +90,6 @@ class LivingRoomDeviceControlsView extends StatelessWidget
                 );
           },
         ),
-        ScheduleControlButton(
-          onTap: () {
-            showDialog<void>(
-                context: context,
-                builder: (ctx) => BlocProvider.value(
-                      value: BlocProvider.of<LivingRoomBloc>(context),
-                      child: BuildScheduleView(
-                        deviceUuid: deviceId,
-                        category: 'switch_1',
-                      ),
-                    ));
-          },
-          mainText: 'Wall Light',
-          subtitle: 'Scheduling',
-          iconPath: Assets.scheduling,
-        ),
-        ScheduleControlButton(
-          onTap: () {
-            showDialog<void>(
-                context: context,
-                builder: (ctx) => BlocProvider.value(
-                      value: BlocProvider.of<LivingRoomBloc>(context),
-                      child: BuildScheduleView(
-                        deviceUuid: deviceId,
-                        category: 'switch_2',
-                      ),
-                    ));
-          },
-          mainText: 'Ceiling Light',
-          subtitle: 'Scheduling',
-          iconPath: Assets.scheduling,
-        ),
-        ScheduleControlButton(
-          onTap: () {
-            showDialog<void>(
-                context: context,
-                builder: (ctx) => BlocProvider.value(
-                      value: BlocProvider.of<LivingRoomBloc>(context),
-                      child: BuildScheduleView(
-                        deviceUuid: deviceId,
-                        category: 'switch_3',
-                      ),
-                    ));
-          },
-          mainText: 'Spotlight',
-          subtitle: 'Scheduling',
-          iconPath: Assets.scheduling,
-        ),
       ],
     );
   }

lib/pages/device_managment/two_g_glass_switch/view/two_gang_glass_switch_control_view.dart

@@ -1,7 +1,5 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedual_view.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedule_control_button.dart';
 import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
 import 'package:syncrow_web/pages/device_managment/two_g_glass_switch/bloc/two_gang_glass_switch_bloc.dart';
 import 'package:syncrow_web/pages/device_managment/two_g_glass_switch/factories/two_gang_glass_switch_bloc_factory.dart';
@@ -18,9 +16,8 @@ class TwoGangGlassSwitchControlView extends StatelessWidget
   @override
   Widget build(BuildContext context) {
     return BlocProvider(
-        create: (context) =>
+        create: (context) => TwoGangGlassSwitchBlocFactory.create(deviceId: deviceId)
-            TwoGangGlassSwitchBlocFactory.create(deviceId: deviceId)
+          ..add(TwoGangGlassSwitchFetchDeviceEvent(deviceId)),
-              ..add(TwoGangGlassSwitchFetchDeviceEvent(deviceId)),
         child: BlocBuilder<TwoGangGlassSwitchBloc, TwoGangGlassSwitchState>(
           builder: (context, state) {
             if (state is TwoGangGlassSwitchLoading) {
@@ -95,37 +92,14 @@ class TwoGangGlassSwitchControlView extends StatelessWidget
           onChange: (value) {},
           showToggle: false,
         ),
-        ScheduleControlButton(
+        ToggleWidget(
-          onTap: () {
+          value: false,
-            showDialog<void>(
+          code: '',
-                context: context,
+          deviceId: deviceId,
-                builder: (ctx) => BlocProvider.value(
+          label: 'Scheduling',
-                      value: BlocProvider.of<TwoGangGlassSwitchBloc>(context),
+          icon: Assets.scheduling,
-                      child: BuildScheduleView(
+          onChange: (value) {},
-                        deviceUuid: deviceId,
+          showToggle: false,
-                        category: 'switch_1',
-                      ),
-                    ));
-          },
-          mainText: 'Wall Light',
-          subtitle: 'Scheduling',
-          iconPath: Assets.scheduling,
-        ),
-        ScheduleControlButton(
-          onTap: () {
-            showDialog<void>(
-                context: context,
-                builder: (ctx) => BlocProvider.value(
-                      value: BlocProvider.of<TwoGangGlassSwitchBloc>(context),
-                      child: BuildScheduleView(
-                        deviceUuid: deviceId,
-                        category: 'switch_2',
-                      ),
-                    ));
-          },
-          mainText: 'Ceiling Light',
-          subtitle: 'Scheduling',
-          iconPath: Assets.scheduling,
         ),
       ],
     );

lib/pages/device_managment/two_gang_switch/view/wall_light_batch_control.dart

@@ -1,8 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:syncrow_web/pages/device_managment/all_devices/models/factory_reset_model.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedual_view.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedule_control_button.dart';
 import 'package:syncrow_web/pages/device_managment/shared/batch_control/factory_reset.dart';
 import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
 import 'package:syncrow_web/pages/device_managment/two_gang_switch/bloc/two_gang_switch_bloc.dart';
@@ -10,11 +8,9 @@ import 'package:syncrow_web/pages/device_managment/two_gang_switch/bloc/two_gang
 import 'package:syncrow_web/pages/device_managment/two_gang_switch/bloc/two_gang_switch_state.dart';
 import 'package:syncrow_web/pages/device_managment/two_gang_switch/factories/two_gang_switch_bloc_factory.dart';
 import 'package:syncrow_web/pages/device_managment/two_gang_switch/models/two_gang_status_model.dart';
-import 'package:syncrow_web/utils/constants/assets.dart';
 import 'package:syncrow_web/utils/helpers/responsice_layout_helper/responsive_layout_helper.dart';
 
-class TwoGangBatchControlView extends StatelessWidget
+class TwoGangBatchControlView extends StatelessWidget with HelperResponsiveLayout {
-    with HelperResponsiveLayout {
   const TwoGangBatchControlView({super.key, required this.deviceIds});
 
   final List<String> deviceIds;
@@ -22,17 +18,15 @@ class TwoGangBatchControlView extends StatelessWidget
   @override
   Widget build(BuildContext context) {
     return BlocProvider(
-      create: (context) =>
+      create: (context) => TwoGangSwitchBlocFactory.create(deviceId: deviceIds.first)
-          TwoGangSwitchBlocFactory.create(deviceId: deviceIds.first)
+        ..add(TwoGangSwitchFetchBatchEvent(deviceIds)),
-            ..add(TwoGangSwitchFetchBatchEvent(deviceIds)),
       child: BlocBuilder<TwoGangSwitchBloc, TwoGangSwitchState>(
         builder: (context, state) {
           if (state is TwoGangSwitchLoading) {
             return const Center(child: CircularProgressIndicator());
           } else if (state is TwoGangSwitchStatusLoaded) {
             return _buildStatusControls(context, state.status);
-          } else if (state is TwoGangSwitchError ||
+          } else if (state is TwoGangSwitchError || state is TwoGangSwitchControlError) {
-              state is TwoGangSwitchControlError) {
             return const Center(child: Text('Error fetching status'));
           } else {
             return const Center(child: CircularProgressIndicator());
@@ -88,39 +82,6 @@ class TwoGangBatchControlView extends StatelessWidget
                   ));
             },
           ),
-          ScheduleControlButton(
-            onTap: () {
-              showDialog<void>(
-                  context: context,
-                  builder: (ctx) => BlocProvider.value(
-                        value: BlocProvider.of<TwoGangSwitchBloc>(context),
-                        child: BuildScheduleView(
-                          category: 'switch_1',
-                          deviceUuid: deviceIds.first,
-                        ),
-                      ));
-            },
-            mainText: 'Wall Light',
-            subtitle: 'Scheduling',
-            iconPath: Assets.scheduling,
-          ),
-
-          ScheduleControlButton(
-            onTap: () {
-              showDialog<void>(
-                  context: context,
-                  builder: (ctx) => BlocProvider.value(
-                        value: BlocProvider.of<TwoGangSwitchBloc>(context),
-                        child: BuildScheduleView(
-                          category: 'switch_2',
-                          deviceUuid: deviceIds.first,
-                        ),
-                      ));
-            },
-            mainText: 'Ceiling Light',
-            subtitle: 'Scheduling',
-            iconPath: Assets.scheduling,
-          ),
           // FirmwareUpdateWidget(
           //   deviceId: deviceIds.first,
           //   version: 12,

lib/pages/device_managment/two_gang_switch/view/wall_light_device_control.dart

@@ -1,14 +1,11 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedual_view.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedule_control_button.dart';
 import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
 import 'package:syncrow_web/pages/device_managment/two_gang_switch/bloc/two_gang_switch_bloc.dart';
 import 'package:syncrow_web/pages/device_managment/two_gang_switch/bloc/two_gang_switch_event.dart';
 import 'package:syncrow_web/pages/device_managment/two_gang_switch/bloc/two_gang_switch_state.dart';
 import 'package:syncrow_web/pages/device_managment/two_gang_switch/factories/two_gang_switch_bloc_factory.dart';
 import 'package:syncrow_web/pages/device_managment/two_gang_switch/models/two_gang_status_model.dart';
-import 'package:syncrow_web/utils/constants/assets.dart';
 import 'package:syncrow_web/utils/helpers/responsice_layout_helper/responsive_layout_helper.dart';
 
 class TwoGangDeviceControlView extends StatelessWidget
@@ -40,101 +37,43 @@ class TwoGangDeviceControlView extends StatelessWidget
 
   Widget _buildStatusControls(BuildContext context, TwoGangStatusModel status) {
     return Center(
-      child: Column(
+      child: Wrap(
-        crossAxisAlignment: CrossAxisAlignment.center,
+        alignment: WrapAlignment.center,
-        mainAxisAlignment: MainAxisAlignment.center,
+        spacing: 12,
+        runSpacing: 12,
         children: [
-          Row(
+          SizedBox(
-            crossAxisAlignment: CrossAxisAlignment.center,
+            width: 200,
-            mainAxisAlignment: MainAxisAlignment.center,
+            child: ToggleWidget(
-            children: [
+              value: status.switch1,
-              SizedBox(
+              code: 'switch_1',
-                width: 200,
+              deviceId: deviceId,
-                height: 150,
+              label: 'Wall Light',
-                child: ToggleWidget(
+              onChange: (value) {
-                  value: status.switch1,
+                context.read<TwoGangSwitchBloc>().add(TwoGangSwitchControl(
-                  code: 'switch_1',
+                      deviceId: deviceId,
-                  deviceId: deviceId,
+                      code: 'switch_1',
-                  label: 'Wall Light',
+                      value: value,
-                  onChange: (value) {
+                    ));
-                    context.read<TwoGangSwitchBloc>().add(TwoGangSwitchControl(
+              },
-                          deviceId: deviceId,
+            ),
-                          code: 'switch_1',
+          ),
-                          value: value,
+          SizedBox(
-                        ));
+            width: 200,
-                  },
+            child: ToggleWidget(
-                ),
+              value: status.switch2,
-              ),
+              code: 'switch_2',
-              const SizedBox(width: 10),
+              deviceId: deviceId,
-              SizedBox(
+              label: 'Ceiling Light',
-                width: 200,
+              onChange: (value) {
-                height: 150,
+                context.read<TwoGangSwitchBloc>().add(TwoGangSwitchControl(
-                child: ToggleWidget(
+                      deviceId: deviceId,
-                  value: status.switch2,
+                      code: 'switch_2',
-                  code: 'switch_2',
+                      value: value,
-                  deviceId: deviceId,
+                    ));
-                  label: 'Ceiling Light',
+              },
-                  onChange: (value) {
+            ),
-                    context.read<TwoGangSwitchBloc>().add(TwoGangSwitchControl(
-                          deviceId: deviceId,
-                          code: 'switch_2',
-                          value: value,
-                        ));
-                  },
-                ),
-              ),
-            ],
           ),
-          const SizedBox(height: 20),
-          Row(
-            crossAxisAlignment: CrossAxisAlignment.center,
-            mainAxisAlignment: MainAxisAlignment.center,
-            children: [
-              SizedBox(
-                width: 200,
-                height: 150,
-                child: ScheduleControlButton(
-                  onTap: () {
-                    showDialog<void>(
-                        context: context,
-                        builder: (ctx) => BlocProvider.value(
-                              value:
-                                  BlocProvider.of<TwoGangSwitchBloc>(context),
-                              child: BuildScheduleView(
-                                deviceUuid: deviceId,
-                                category: 'switch_1',
-                              ),
-                            ));
-                  },
-                  mainText: 'Wall Light',
-                  subtitle: 'Scheduling',
-                  iconPath: Assets.scheduling,
-                ),
-              ),
-              const SizedBox(width: 10),
-              SizedBox(
-                width: 200,
-                height: 150,
-                child: ScheduleControlButton(
-                  onTap: () {
-                    showDialog<void>(
-                        context: context,
-                        builder: (ctx) => BlocProvider.value(
-                              value:
-                                  BlocProvider.of<TwoGangSwitchBloc>(context),
-                              child: BuildScheduleView(
-                                deviceUuid: deviceId,
-                                category: 'switch_2',
-                              ),
-                            ));
-                  },
-                  mainText: 'Ceiling Light',
-                  subtitle: 'Scheduling',
-                  iconPath: Assets.scheduling,
-                ),
-              ),
-            ],
-          )
         ],
       ),
     );

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

@@ -1,210 +1,240 @@
 import 'package:flutter/material.dart';
-import 'package:syncrow_web/pages/device_managment/water_heater/models/schedule_entry.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:syncrow_web/pages/device_managment/all_devices/models/device_status.dart';
+import 'package:syncrow_web/pages/common/buttons/default_button.dart';
+import 'package:syncrow_web/pages/device_managment/water_heater/bloc/water_heater_bloc.dart';
+import 'package:syncrow_web/pages/device_managment/water_heater/models/schedule_model.dart';
+import 'package:syncrow_web/utils/color_manager.dart';
+import 'package:syncrow_web/utils/extension/build_context_x.dart';
 
 class ScheduleDialogHelper {
-  static const List<String> allDays = [
+  static void showAddScheduleDialog(BuildContext context, {ScheduleModel? schedule, int? index, bool? isEdit}) {
-    'Sun',
+    final bloc = context.read<WaterHeaterBloc>();
-    'Mon',
-    'Tue',
-    'Wed',
-    'Thu',
-    'Fri',
-    'Sat'
-  ];
 
-  static Future<ScheduleEntry?> showAddScheduleDialog(
+    if (schedule == null) {
-    BuildContext context, {
+      bloc.add((const UpdateSelectedTimeEvent(null)));
-    ScheduleEntry? schedule,
+      bloc.add(InitializeAddScheduleEvent(
-    bool isEdit = false,
+        selectedTime: null,
-  }) {
+        selectedDays: List.filled(7, false),
-    final initialTime = schedule != null
+        functionOn: false,
-        ? _convertStringToTimeOfDay(schedule.time)
+        isEditing: false,
-        : TimeOfDay.now();
+      ));
-    final initialDays = schedule != null
+    } else {
-        ? _convertDaysStringToBooleans(schedule.days)
+      final time = _convertStringToTimeOfDay(schedule.time);
-        : List.filled(7, false);
+      final selectedDays = _convertDaysStringToBooleans(schedule.days);
-    bool? functionOn = schedule?.function.value ?? true;
-    TimeOfDay selectedTime = initialTime;
-    List<bool> selectedDays = List.of(initialDays);
 
-    return showDialog<ScheduleEntry>(
+      bloc.add(InitializeAddScheduleEvent(
+        selectedTime: time,
+        selectedDays: selectedDays,
+        functionOn: schedule.function.value,
+        isEditing: true,
+        index: index,
+      ));
+    }
+
+    showDialog(
       context: context,
       builder: (ctx) {
-        return StatefulBuilder(
+        return BlocProvider.value(
-          builder: (ctx, setState) {
+          value: bloc,
-            return AlertDialog(
+          child: BlocBuilder<WaterHeaterBloc, WaterHeaterState>(
-              shape: RoundedRectangleBorder(
+            builder: (context, state) {
-                borderRadius: BorderRadius.circular(20),
+              if (state is WaterHeaterDeviceStatusLoaded) {
-              ),
+                return AlertDialog(
-              content: Column(
+                  shape: RoundedRectangleBorder(
-                mainAxisSize: MainAxisSize.min,
+                    borderRadius: BorderRadius.circular(20),
-                crossAxisAlignment: CrossAxisAlignment.start,
-                children: [
-                  Row(
-                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                    children: [
-                      const SizedBox(),
-                      Text(
-                        isEdit ? 'Edit Schedule' : 'Add Schedule',
-                        style: Theme.of(context).textTheme.titleLarge!.copyWith(
-                              color: Colors.blue,
-                              fontWeight: FontWeight.bold,
-                            ),
-                      ),
-                      const SizedBox(),
-                    ],
                   ),
-                  const SizedBox(height: 24),
+                  content: Column(
-                  SizedBox(
+                    mainAxisSize: MainAxisSize.min,
-                    width: 150,
+                    crossAxisAlignment: CrossAxisAlignment.start,
-                    height: 40,
+                    children: [
-                    child: ElevatedButton(
+                      Row(
-                      style: ElevatedButton.styleFrom(
-                        backgroundColor: Colors.grey[200],
-                        shape: RoundedRectangleBorder(
-                          borderRadius: BorderRadius.circular(15),
-                        ),
-                      ),
-                      onPressed: () async {
-                        TimeOfDay? time = await showTimePicker(
-                          context: ctx,
-                          initialTime: selectedTime,
-                        );
-                        if (time != null) {
-                          setState(() => selectedTime = time);
-                        }
-                      },
-                      child: Row(
                         mainAxisAlignment: MainAxisAlignment.spaceBetween,
                         children: [
+                          const SizedBox(),
                           Text(
-                            selectedTime.format(context),
+                            'Scheduling',
-                            style: Theme.of(context)
+                            style: context.textTheme.titleLarge!.copyWith(
-                                .textTheme
+                              color: ColorsManager.dialogBlueTitle,
-                                .bodySmall!
+                              fontWeight: FontWeight.bold,
-                                .copyWith(color: Colors.grey),
+                            ),
                           ),
-                          const Icon(Icons.access_time,
+                          const SizedBox(),
-                              color: Colors.grey, size: 18),
                         ],
                       ),
+                      const SizedBox(height: 24),
+                      SizedBox(
+                        width: 150,
+                        height: 40,
+                        child: DefaultButton(
+                          padding: 8,
+                          backgroundColor: ColorsManager.boxColor,
+                          borderRadius: 15,
+                          onPressed: () async {
+                            TimeOfDay? time = await showTimePicker(
+                              context: context,
+                              initialTime: state.selectedTime ?? TimeOfDay.now(),
+                              builder: (context, child) {
+                                return Theme(
+                                  data: Theme.of(context).copyWith(
+                                    colorScheme: const ColorScheme.light(
+                                      primary: ColorsManager.primaryColor,
+                                    ),
+                                  ),
+                                  child: child!,
+                                );
+                              },
+                            );
+                            if (time != null) {
+                              bloc.add(UpdateSelectedTimeEvent(time));
+                            }
+                          },
+                          child: Row(
+                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                            children: [
+                              Text(
+                                state.selectedTime == null ? 'Time' : state.selectedTime!.format(context),
+                                style: context.textTheme.bodySmall!.copyWith(
+                                  color: ColorsManager.grayColor,
+                                ),
+                              ),
+                              const Icon(
+                                Icons.access_time,
+                                color: ColorsManager.grayColor,
+                                size: 18,
+                              ),
+                            ],
+                          ),
+                        ),
+                      ),
+                      const SizedBox(height: 16),
+                      _buildDayCheckboxes(context, state.selectedDays, isEdit: isEdit),
+                      const SizedBox(height: 16),
+                      _buildFunctionSwitch(context, state.functionOn, isEdit),
+                    ],
+                  ),
+                  actions: [
+                    SizedBox(
+                      width: 200,
+                      child: DefaultButton(
+                        height: 40,
+                        onPressed: () {
+                          Navigator.pop(context);
+                        },
+                        backgroundColor: ColorsManager.boxColor,
+                        child: Text(
+                          'Cancel',
+                          style: context.textTheme.bodyMedium,
+                        ),
+                      ),
                     ),
-                  ),
+                    SizedBox(
-                  const SizedBox(height: 16),
+                      width: 200,
-                  _buildDayCheckboxes(ctx, selectedDays, (i, v) {
+                      child: DefaultButton(
-                    setState(() => selectedDays[i] = v);
+                        height: 40,
-                  }),
+                        onPressed: () {
-                  const SizedBox(height: 16),
+                          if (state.selectedTime != null) {
-                  _buildFunctionSwitch(ctx, functionOn!, (v) {
+                            if (state.isEditing && index != null) {
-                    setState(() => functionOn = v);
+                              bloc.add(EditWaterHeaterScheduleEvent(
-                  }),
+                                scheduleId: schedule?.scheduleId ?? '',
-                ],
+                                category: 'switch_1',
-              ),
+                                time: state.selectedTime!,
-              actions: [
+                                selectedDays: state.selectedDays,
-                SizedBox(
+                                functionOn: state.functionOn,
-                  width: 100,
+                              ));
-                  child: OutlinedButton(
+                            } else {
-                    onPressed: () {
+                              bloc.add(AddScheduleEvent(
-                      Navigator.pop(ctx, null);
+                                category: 'switch_1',
-                    },
+                                time: state.selectedTime!,
-                    child: const Text('Cancel'),
+                                selectedDays: state.selectedDays,
-                  ),
+                                functionOn: state.functionOn,
-                ),
+                              ));
-                SizedBox(
+                            }
-                  width: 100,
+                            Navigator.pop(context);
-                  child: ElevatedButton(
+                          }
-                    onPressed: () {
+                        },
-                      final entry = ScheduleEntry(
+                        backgroundColor: ColorsManager.primaryColor,
-                        category: schedule?.category ?? 'switch_1',
+                        child: const Text('Save'),
-                        time: _formatTimeOfDayToISO(selectedTime),
+                      ),
-                        function: Status(code: 'switch_1', value: functionOn),
+                    ),
-                        days: _convertSelectedDaysToStrings(selectedDays),
+                  ],
-                        scheduleId: schedule?.scheduleId,
+                );
-                      );
+              }
-                      Navigator.pop(ctx, entry);
+              return const SizedBox();
-                    },
+            },
-                    child: const Text('Save'),
+          ),
-                  ),
-                ),
-              ],
-            );
-          },
         );
       },
     );
   }
 
-  static TimeOfDay _convertStringToTimeOfDay(String iso) {
+  static TimeOfDay _convertStringToTimeOfDay(String timeString) {
-    final dt = DateTime.tryParse(iso);
+    final regex = RegExp(r'^(\d{2}):(\d{2})$');
-    if (dt != null) return TimeOfDay(hour: dt.hour, minute: dt.minute);
+    final match = regex.firstMatch(timeString);
-    return const TimeOfDay(hour: 9, minute: 0);
+    if (match != null) {
+      final hour = int.parse(match.group(1)!);
+      final minute = int.parse(match.group(2)!);
+      return TimeOfDay(hour: hour, minute: minute);
+    } else {
+      throw const FormatException('Invalid time format');
+    }
   }
 
   static List<bool> _convertDaysStringToBooleans(List<String> selectedDays) {
     final daysOfWeek = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
-    return daysOfWeek
+    List<bool> daysBoolean = List.filled(7, false);
-        .map((d) =>
-            selectedDays.map((e) => e.toLowerCase()).contains(d.toLowerCase()))
-        .toList();
-  }
 
-  static String _formatTimeOfDayToISO(TimeOfDay t) {
+    for (int i = 0; i < daysOfWeek.length; i++) {
-    final now = DateTime.now();
+      if (selectedDays.contains(daysOfWeek[i])) {
-    final dt = DateTime(now.year, now.month, now.day, t.hour, t.minute);
+        daysBoolean[i] = true;
-    return dt.toIso8601String();
+      }
-  }
-
-  static List<String> _convertSelectedDaysToStrings(List<bool> selectedDays) {
-    const allDays = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
-    List<String> result = [];
-    for (int i = 0; i < selectedDays.length; i++) {
-      if (selectedDays[i]) result.add(allDays[i]);
     }
-    return result;
+
+    return daysBoolean;
   }
 
-  static Widget _buildDayCheckboxes(BuildContext ctx, List<bool> selectedDays,
+  static Widget _buildDayCheckboxes(BuildContext context, List<bool> selectedDays, {bool? isEdit}) {
-      Function(int, bool) onChanged) {
     final dayLabels = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+
     return Row(
-      mainAxisAlignment: MainAxisAlignment.start,
+      children: List.generate(7, (index) {
-      children: List.generate(
+        return Row(
-        7,
-        (index) => Row(
           children: [
             Checkbox(
               value: selectedDays[index],
-              onChanged: (val) => onChanged(index, val!),
+              onChanged: (bool? value) {
+                context.read<WaterHeaterBloc>().add(UpdateSelectedDayEvent(index, value!));
+              },
             ),
             Text(dayLabels[index]),
           ],
-        ),
+        );
-      ),
+      }),
     );
   }
 
-  static Widget _buildFunctionSwitch(
+  static Widget _buildFunctionSwitch(BuildContext context, bool isOn, bool? isEdit) {
-      BuildContext ctx, bool isOn, Function(bool) onChanged) {
     return Row(
       children: [
         Text(
           'Function:',
-          style:
+          style: context.textTheme.bodySmall!.copyWith(color: ColorsManager.grayColor),
-              Theme.of(ctx).textTheme.bodySmall!.copyWith(color: Colors.grey),
         ),
         const SizedBox(width: 10),
         Radio<bool>(
           value: true,
           groupValue: isOn,
-          onChanged: (val) => onChanged(true),
+          onChanged: (bool? value) {
+            context.read<WaterHeaterBloc>().add(const UpdateFunctionOnEvent(true));
+          },
         ),
         const Text('On'),
         const SizedBox(width: 10),
         Radio<bool>(
           value: false,
           groupValue: isOn,
-          onChanged: (val) => onChanged(false),
+          onChanged: (bool? value) {
+            context.read<WaterHeaterBloc>().add(const UpdateFunctionOnEvent(false));
+          },
         ),
         const Text('Off'),
       ],

lib/pages/device_managment/water_heater/models/schedule_entry.dart

@@ -2,7 +2,6 @@ import 'dart:convert';
 
 import 'package:flutter/foundation.dart';
 import 'package:syncrow_web/pages/device_managment/all_devices/models/device_status.dart';
-import 'package:syncrow_web/pages/device_managment/water_heater/models/schedule_model.dart';
 
 class ScheduleEntry {
   final String category;
@@ -59,8 +58,7 @@ class ScheduleEntry {
 
   String toJson() => json.encode(toMap());
 
-  factory ScheduleEntry.fromJson(String source) =>
+  factory ScheduleEntry.fromJson(String source) => ScheduleEntry.fromMap(json.decode(source));
-      ScheduleEntry.fromMap(json.decode(source));
 
   @override
   bool operator ==(Object other) {
@@ -75,23 +73,6 @@ class ScheduleEntry {
 
   @override
   int get hashCode {
-    return category.hashCode ^
+    return category.hashCode ^ time.hashCode ^ function.hashCode ^ days.hashCode;
-        time.hashCode ^
-        function.hashCode ^
-        days.hashCode;
-  }
-
-  // Existing properties and methods
-
-  // Add the fromScheduleModel method
-
-  static ScheduleEntry fromScheduleModel(ScheduleModel scheduleModel) {
-    return ScheduleEntry(
-      days: scheduleModel.days,
-      time: scheduleModel.time,
-      function: scheduleModel.function,
-      category: scheduleModel.category,
-      scheduleId: scheduleModel.scheduleId,
-    );
   }
 }

lib/pages/device_managment/water_heater/models/water_heater_status_model.dart

@@ -16,7 +16,7 @@ class WaterHeaterStatusModel extends Equatable {
   final String cycleTiming;
   final List<ScheduleModel> schedules;
 
-  const WaterHeaterStatusModel({
+ const WaterHeaterStatusModel({
     required this.uuid,
     required this.heaterSwitch,
     required this.countdownHours,

lib/pages/device_managment/water_heater/view/water_heater_device_control.dart

@@ -2,13 +2,12 @@ import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 import 'package:syncrow_web/pages/device_managment/all_devices/models/devices_model.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedule_control_button.dart';
 import 'package:syncrow_web/pages/device_managment/shared/device_controls_container.dart';
 import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
 import 'package:syncrow_web/pages/device_managment/water_heater/bloc/water_heater_bloc.dart';
 import 'package:syncrow_web/pages/device_managment/water_heater/factories/water_heater_bloc_factory.dart';
 import 'package:syncrow_web/pages/device_managment/water_heater/models/water_heater_status_model.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedual_view.dart';
+import 'package:syncrow_web/pages/device_managment/water_heater/widgets/schedual_view.dart';
 import 'package:syncrow_web/utils/color_manager.dart';
 import 'package:syncrow_web/utils/constants/assets.dart';
 import 'package:syncrow_web/utils/extension/build_context_x.dart';
@@ -36,8 +35,7 @@ class WaterHeaterDeviceControlView extends StatelessWidget
                 state is WaterHeaterBatchFailedState) {
               return const Center(child: Text('Error fetching status'));
             } else {
-              return const SizedBox(
+              return const SizedBox(height: 200, child: Center(child: SizedBox()));
-                  height: 200, child: Center(child: SizedBox()));
             }
           },
         ));
@@ -75,22 +73,48 @@ class WaterHeaterDeviceControlView extends StatelessWidget
                 ));
           },
         ),
-        ScheduleControlButton(
+        GestureDetector(
           onTap: () {
-            showDialog<void>(
+            showDialog(
                 context: context,
                 builder: (ctx) => BlocProvider.value(
                       value: BlocProvider.of<WaterHeaterBloc>(context),
-                      child: BuildScheduleView(
+                      child: BuildScheduleView(status: status),
-                        deviceUuid: device.uuid ?? '',
-                        category: 'switch_1',
-                      ),
                     ));
           },
-          mainText: '',
+          child: DeviceControlsContainer(
-          subtitle: 'Scheduling',
+            child: Column(
-          iconPath: Assets.scheduling,
+              crossAxisAlignment: CrossAxisAlignment.start,
-        ),
+              children: [
+                Container(
+                  width: 60,
+                  height: 60,
+                  decoration: const BoxDecoration(
+                    shape: BoxShape.circle,
+                    color: ColorsManager.whiteColors,
+                  ),
+                  margin: const EdgeInsets.symmetric(horizontal: 4),
+                  padding: const EdgeInsets.all(12),
+                  child: ClipOval(
+                    child: SvgPicture.asset(
+                      Assets.scheduling,
+                      fit: BoxFit.fill,
+                    ),
+                  ),
+                ),
+                const Spacer(),
+                Text(
+                  'Scheduling',
+                  textAlign: TextAlign.center,
+                  style: context.textTheme.titleMedium!.copyWith(
+                    fontWeight: FontWeight.w400,
+                    color: ColorsManager.blackColor,
+                  ),
+                ),
+              ],
+            ),
+          ),
+        )
       ],
     );
   }

lib/pages/device_managment/water_heater/widgets/count_down_button.dart

@@ -1,9 +1,8 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:syncrow_web/pages/common/buttons/default_button.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/bloc/schedule_bloc.dart';
-import 'package:syncrow_web/pages/device_managment/water_heater/models/water_heater_status_model.dart';
 import 'package:syncrow_web/utils/color_manager.dart';
+import 'package:syncrow_web/pages/common/buttons/default_button.dart';
+import 'package:syncrow_web/pages/device_managment/water_heater/bloc/water_heater_bloc.dart';
 import 'package:syncrow_web/utils/extension/build_context_x.dart';
 
 class CountdownModeButtons extends StatelessWidget {
@@ -39,10 +38,14 @@ class CountdownModeButtons extends StatelessWidget {
               ? DefaultButton(
                   height: 40,
                   onPressed: () {
-                    context.read<ScheduleBloc>().add(
+                    context
-                          StopScheduleEvent(
+                        .read<WaterHeaterBloc>()
-                            mode: ScheduleModes.countdown,
+                        .add(StopScheduleEvent(deviceId));
+                    context.read<WaterHeaterBloc>().add(
+                          ToggleWaterHeaterEvent(
                             deviceId: deviceId,
+                            code: 'countdown_1',
+                            value: 0,
                           ),
                         );
                   },
@@ -52,11 +55,12 @@ class CountdownModeButtons extends StatelessWidget {
               : DefaultButton(
                   height: 40,
                   onPressed: () {
-                    context.read<ScheduleBloc>().add(
+                    context.read<WaterHeaterBloc>().add(
-                          StartScheduleEvent(
+                          ToggleWaterHeaterEvent(
-                            mode: ScheduleModes.countdown,
+                            deviceId: deviceId,
-                            hours: hours,
+                            code: 'countdown_1',
-                            minutes: minutes,
+                            value: Duration(hours: hours, minutes: minutes)
+                                .inSeconds,
                           ),
                         );
                   },

lib/pages/device_managment/water_heater/widgets/count_down_inching_view.dart

@@ -0,0 +1,223 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:syncrow_web/pages/device_managment/water_heater/bloc/water_heater_bloc.dart';
+import 'package:syncrow_web/pages/device_managment/water_heater/models/water_heater_status_model.dart';
+import 'package:syncrow_web/utils/color_manager.dart';
+import 'package:syncrow_web/utils/extension/build_context_x.dart';
+
+class CountdownInchingView extends StatelessWidget {
+  final WaterHeaterDeviceStatusLoaded state;
+
+  const CountdownInchingView({
+    super.key,
+    required this.state,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final isCountDown =
+        state.scheduleMode?.name == ScheduleModes.countdown.name;
+
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Text(
+          isCountDown ? 'Countdown:' : 'Inching:',
+          style: context.textTheme.bodySmall!.copyWith(
+            fontSize: 13,
+            color: ColorsManager.grayColor,
+          ),
+        ),
+        const SizedBox(height: 8),
+        Visibility(
+          visible: !isCountDown,
+          child: const Text(
+              'Once enabled this feature, each time the device is turned on, it will automatically turn off after a preset time.'),
+        ),
+        const SizedBox(height: 8),
+        _hourMinutesWheel(context, state),
+      ],
+    );
+  }
+
+  Row _hourMinutesWheel(
+      BuildContext context, WaterHeaterDeviceStatusLoaded state) {
+    final isCountDown =
+        state.scheduleMode?.name == ScheduleModes.countdown.name;
+    late bool isActive;
+    if (isCountDown &&
+        state.countdownRemaining != null &&
+        state.isCountdownActive == true) {
+      isActive = true;
+    } else if (!isCountDown &&
+        state.countdownRemaining != null &&
+        state.isInchingActive == true) {
+      isActive = true;
+    } else {
+      isActive = false;
+    }
+
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.start,
+      children: [
+        _buildPickerColumn(
+            context,
+            'h',
+            isCountDown
+                ? (state.countdownHours ?? 0)
+                : (state.inchingHours ?? 0),
+            24, (value) {
+          context.read<WaterHeaterBloc>().add(UpdateScheduleEvent(
+                scheduleMode: state.scheduleMode ?? ScheduleModes.countdown,
+                hours: value,
+                minutes: isCountDown
+                    ? (state.countdownMinutes ?? 0)
+                    : (state.inchingMinutes ?? 0),
+              ));
+        }, isActive: isActive),
+        const SizedBox(width: 10),
+        _buildPickerColumn(
+            context,
+            'm',
+            isCountDown
+                ? (state.countdownMinutes ?? 0)
+                : (state.inchingMinutes ?? 0),
+            60, (value) {
+          context.read<WaterHeaterBloc>().add(UpdateScheduleEvent(
+                scheduleMode: state.scheduleMode ?? ScheduleModes.countdown,
+                hours: isCountDown
+                    ? (state.countdownHours ?? 0)
+                    : (state.inchingHours ?? 0),
+                minutes: value,
+              ));
+        }, isActive: isActive),
+      ],
+    );
+  }
+
+  Row _hourMinutesSecondWheel(
+      BuildContext context, WaterHeaterDeviceStatusLoaded state) {
+    final isCountDown =
+        state.scheduleMode?.name == ScheduleModes.countdown.name;
+    late bool isActive;
+    if (isCountDown &&
+        state.countdownRemaining != null &&
+        state.isCountdownActive == true) {
+      isActive = true;
+    } else if (!isCountDown &&
+        state.countdownRemaining != null &&
+        state.isInchingActive == true) {
+      isActive = true;
+    } else {
+      isActive = false;
+    }
+
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.start,
+      children: [
+        _buildPickerColumn(
+            context,
+            'h',
+            isCountDown
+                ? (state.countdownHours ?? 0)
+                : (state.inchingHours ?? 0),
+            24, (value) {
+          context.read<WaterHeaterBloc>().add(UpdateScheduleEvent(
+                scheduleMode: state.scheduleMode ?? ScheduleModes.countdown,
+                hours: value,
+                minutes: isCountDown
+                    ? (state.countdownMinutes ?? 0)
+                    : (state.inchingMinutes ?? 0),
+              ));
+        }, isActive: isActive),
+        const SizedBox(width: 10),
+        _buildPickerColumn(
+            context,
+            'm',
+            isCountDown
+                ? (state.countdownMinutes ?? 0)
+                : (state.inchingMinutes ?? 0),
+            60, (value) {
+          context.read<WaterHeaterBloc>().add(UpdateScheduleEvent(
+                scheduleMode: state.scheduleMode ?? ScheduleModes.countdown,
+                hours: isCountDown
+                    ? (state.countdownHours ?? 0)
+                    : (state.inchingHours ?? 0),
+                minutes: value,
+              ));
+        }, isActive: isActive),
+        const SizedBox(width: 10),
+        _buildPickerColumn(
+            context,
+            'S',
+            isCountDown
+                ? (state.countdownMinutes ?? 0)
+                : (state.inchingMinutes ?? 0),
+            60, (value) {
+          context.read<WaterHeaterBloc>().add(UpdateScheduleEvent(
+                scheduleMode: state.scheduleMode ?? ScheduleModes.countdown,
+                hours: isCountDown
+                    ? (state.countdownHours ?? 0)
+                    : (state.inchingHours ?? 0),
+                minutes: value,
+              ));
+        }, isActive: isActive),
+      ],
+    );
+  }
+
+  Widget _buildPickerColumn(
+    BuildContext context,
+    String label,
+    int initialValue,
+    int itemCount,
+    ValueChanged<int> onSelected, {
+    required bool isActive,
+  }) {
+    return Row(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        Container(
+          height: 40,
+          width: 80,
+          padding: const EdgeInsets.symmetric(horizontal: 16),
+          decoration: BoxDecoration(
+            color: ColorsManager.boxColor,
+            borderRadius: BorderRadius.circular(8),
+          ),
+          child: ListWheelScrollView.useDelegate(
+            key: ValueKey('$label-$initialValue'),
+            controller: FixedExtentScrollController(
+              initialItem: initialValue,
+            ),
+            itemExtent: 40.0,
+            physics: const FixedExtentScrollPhysics(),
+            onSelectedItemChanged: onSelected,
+            childDelegate: ListWheelChildBuilderDelegate(
+              builder: (context, index) {
+                return Center(
+                  child: Text(
+                    index.toString().padLeft(2, '0'),
+                    style: TextStyle(
+                      fontSize: 24,
+                      color: isActive ? ColorsManager.grayColor : Colors.black,
+                    ),
+                  ),
+                );
+              },
+              childCount: itemCount,
+            ),
+          ),
+        ),
+        const SizedBox(width: 8),
+        Text(
+          label,
+          style: const TextStyle(
+            color: ColorsManager.grayColor,
+            fontSize: 18,
+          ),
+        ),
+      ],
+    );
+  }
+}

lib/pages/device_managment/water_heater/widgets/inching_mode_buttons.dart

@@ -1,11 +1,8 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:syncrow_web/pages/common/buttons/default_button.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/bloc/schedule_bloc.dart';
-import 'package:syncrow_web/pages/device_managment/water_heater/models/water_heater_status_model.dart';
 import 'package:syncrow_web/utils/color_manager.dart';
-import 'package:syncrow_web/pages/device_managment/water_heater/bloc/water_heater_bloc.dart'
+import 'package:syncrow_web/pages/common/buttons/default_button.dart';
-    hide StopScheduleEvent;
+import 'package:syncrow_web/pages/device_managment/water_heater/bloc/water_heater_bloc.dart';
 import 'package:syncrow_web/utils/extension/build_context_x.dart';
 
 class InchingModeButtons extends StatelessWidget {
@@ -41,9 +38,15 @@ class InchingModeButtons extends StatelessWidget {
               ? DefaultButton(
                   height: 40,
                   onPressed: () {
-                    context.read<ScheduleBloc>().add(
+                    context
-                          StopScheduleEvent(
+                        .read<WaterHeaterBloc>()
-                              deviceId: deviceId, mode: ScheduleModes.inching),
+                        .add(StopScheduleEvent(deviceId));
+                    context.read<WaterHeaterBloc>().add(
+                          ToggleWaterHeaterEvent(
+                            deviceId: deviceId,
+                            code: 'switch_inching',
+                            value: 0,
+                          ),
                         );
                   },
                   backgroundColor: Colors.red,

lib/pages/device_managment/water_heater/widgets/schedual_view.dart

@@ -0,0 +1,117 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:syncrow_web/pages/device_managment/water_heater/bloc/water_heater_bloc.dart';
+import 'package:syncrow_web/pages/device_managment/water_heater/helper/add_schedule_dialog_helper.dart';
+import 'package:syncrow_web/pages/device_managment/water_heater/models/water_heater_status_model.dart';
+import 'package:syncrow_web/pages/device_managment/water_heater/widgets/count_down_button.dart';
+import 'package:syncrow_web/pages/device_managment/water_heater/widgets/count_down_inching_view.dart';
+import 'package:syncrow_web/pages/device_managment/water_heater/widgets/inching_mode_buttons.dart';
+import 'package:syncrow_web/pages/device_managment/water_heater/widgets/schedule_header.dart';
+import 'package:syncrow_web/pages/device_managment/water_heater/widgets/schedule_managment_ui.dart';
+import 'package:syncrow_web/pages/device_managment/water_heater/widgets/schedule_mode_buttons.dart';
+import 'package:syncrow_web/pages/device_managment/water_heater/widgets/schedule_mode_selector.dart';
+
+class BuildScheduleView extends StatefulWidget {
+  const BuildScheduleView({super.key, required this.status});
+
+  final WaterHeaterStatusModel status;
+
+  @override
+  State<BuildScheduleView> createState() => _BuildScheduleViewState();
+}
+
+class _BuildScheduleViewState extends State<BuildScheduleView> {
+  @override
+  Widget build(BuildContext context) {
+    final bloc = BlocProvider.of<WaterHeaterBloc>(context);
+
+    return BlocProvider.value(
+      value: bloc,
+      child: Dialog(
+        backgroundColor: Colors.white,
+        insetPadding: const EdgeInsets.all(20),
+        shape: RoundedRectangleBorder(
+          borderRadius: BorderRadius.circular(20),
+        ),
+        child: SizedBox(
+          width: 700,
+          child: SingleChildScrollView(
+            child: Padding(
+              padding:
+                  const EdgeInsets.symmetric(horizontal: 40.0, vertical: 20),
+              child: BlocBuilder<WaterHeaterBloc, WaterHeaterState>(
+                builder: (context, state) {
+                  if (state is WaterHeaterDeviceStatusLoaded) {
+                    return Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        const ScheduleHeader(),
+                        const SizedBox(height: 20),
+                        ScheduleModeSelector(state: state),
+                        const SizedBox(height: 20),
+                        if (state.scheduleMode == ScheduleModes.schedule)
+                          ScheduleManagementUI(
+                            state: state,
+                            onAddSchedule: () {
+                              ScheduleDialogHelper.showAddScheduleDialog(
+                                  context,
+                                  schedule: null,
+                                  index: null,
+                                  isEdit: false);
+                            },
+                          ),
+                        if (state.scheduleMode == ScheduleModes.countdown ||
+                            state.scheduleMode == ScheduleModes.inching)
+                          CountdownInchingView(state: state),
+                        const SizedBox(height: 20),
+                        if (state.scheduleMode == ScheduleModes.countdown)
+                          CountdownModeButtons(
+                            isActive: state.isCountdownActive ?? false,
+                            deviceId: widget.status.uuid,
+                            hours: state.countdownHours ?? 0,
+                            minutes: state.countdownMinutes ?? 0,
+                          ),
+                        if (state.scheduleMode == ScheduleModes.inching)
+                          InchingModeButtons(
+                            isActive: state.isInchingActive ?? false,
+                            deviceId: widget.status.uuid,
+                            hours: state.inchingHours ?? 0,
+                            minutes: state.inchingMinutes ?? 0,
+                          ),
+                        if (state.scheduleMode != ScheduleModes.countdown &&
+                            state.scheduleMode != ScheduleModes.inching)
+                          ScheduleModeButtons(
+                            onSave: () {
+                              Navigator.pop(context);
+                            },
+                          ),
+                      ],
+                    );
+                  }
+                  if (state is WaterHeaterLoadingState) {
+                    return const SizedBox(
+                        height: 200,
+                        child: Column(
+                          mainAxisSize: MainAxisSize.min,
+                          children: [
+                            ScheduleHeader(),
+                            SizedBox(
+                              height: 20,
+                            ),
+                            Center(child: CircularProgressIndicator()),
+                          ],
+                        ));
+                  }
+                  return const SizedBox(
+                    height: 200,
+                    child: ScheduleHeader(),
+                  );
+                },
+              ),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/pages/device_managment/water_heater/widgets/schedule_managment_ui.dart

@@ -1,19 +1,18 @@
 import 'package:flutter/material.dart';
 import 'package:syncrow_web/pages/common/buttons/default_button.dart';
-import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedule_table.dart';
+import 'package:syncrow_web/pages/device_managment/water_heater/bloc/water_heater_bloc.dart';
+import 'package:syncrow_web/pages/device_managment/water_heater/widgets/schedule_table.dart';
 import 'package:syncrow_web/utils/color_manager.dart';
 import 'package:syncrow_web/utils/extension/build_context_x.dart';
 
 class ScheduleManagementUI extends StatelessWidget {
-  final String deviceUuid; 
+  final WaterHeaterDeviceStatusLoaded state;
-  final VoidCallback onAddSchedule;
+  final Function onAddSchedule;
-  final String category;
 
   const ScheduleManagementUI({
     super.key,
-    required this.deviceUuid,
+    required this.state,
     required this.onAddSchedule,
-    this.category = 'switch_1',
   });
 
   @override
@@ -29,7 +28,7 @@ class ScheduleManagementUI extends StatelessWidget {
             padding: 2,
             backgroundColor: ColorsManager.graysColor,
             borderRadius: 15,
-            onPressed: onAddSchedule,
+            onPressed: () => onAddSchedule(),
             child: Row(
               children: [
                 const Icon(Icons.add, color: ColorsManager.primaryColor),
@@ -44,7 +43,7 @@ class ScheduleManagementUI extends StatelessWidget {
           ),
         ),
         const SizedBox(height: 20),
-        ScheduleTableWidget(deviceUuid: deviceUuid, category: category),
+        ScheduleTableWidget(state: state),
       ],
     );
   }

lib/pages/device_managment/water_heater/widgets/schedule_mode_selector.dart

@@ -0,0 +1,86 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:syncrow_web/pages/device_managment/water_heater/bloc/water_heater_bloc.dart';
+import 'package:syncrow_web/utils/color_manager.dart';
+import 'package:syncrow_web/utils/extension/build_context_x.dart';
+import 'package:syncrow_web/pages/device_managment/water_heater/models/water_heater_status_model.dart';
+
+class ScheduleModeSelector extends StatelessWidget {
+  final WaterHeaterDeviceStatusLoaded state;
+
+  const ScheduleModeSelector({super.key, required this.state});
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Text(
+          'Type:',
+          style: context.textTheme.bodySmall!.copyWith(
+            fontSize: 13,
+            color: ColorsManager.grayColor,
+          ),
+        ),
+        const SizedBox(height: 4),
+        Row(
+          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+          children: [
+            _buildRadioTile(
+                context, 'Countdown', ScheduleModes.countdown, state),
+            _buildRadioTile(context, 'Schedule', ScheduleModes.schedule, state),
+            _buildRadioTile(
+                context, 'Circulate', ScheduleModes.circulate, state),
+            _buildRadioTile(context, 'Inching', ScheduleModes.inching, state),
+          ],
+        ),
+      ],
+    );
+  }
+
+  Widget _buildRadioTile(BuildContext context, String label, ScheduleModes mode,
+      WaterHeaterDeviceStatusLoaded state) {
+    return Flexible(
+      child: ListTile(
+        contentPadding: EdgeInsets.zero,
+        title: Text(
+          label,
+          style: context.textTheme.bodySmall!.copyWith(
+            fontSize: 13,
+            color: ColorsManager.blackColor,
+          ),
+        ),
+        leading: Radio<ScheduleModes>(
+          value: mode,
+          groupValue: state.scheduleMode,
+          onChanged: (ScheduleModes? value) {
+            if (value != null) {
+              if (value == ScheduleModes.countdown) {
+                context.read<WaterHeaterBloc>().add(UpdateScheduleEvent(
+                      scheduleMode: value,
+                      hours: state.countdownHours ?? 0,
+                      minutes: state.countdownMinutes ?? 0,
+                    ));
+              } else if (value == ScheduleModes.inching) {
+                context.read<WaterHeaterBloc>().add(UpdateScheduleEvent(
+                      scheduleMode: value,
+                      hours: state.inchingHours ?? 0,
+                      minutes: state.inchingMinutes ?? 0,
+                    ));
+              }
+
+              if (value == ScheduleModes.schedule) {
+                context.read<WaterHeaterBloc>().add(
+                      GetSchedulesEvent(
+                        category: 'switch_1',
+                        uuid: state.status.uuid,
+                      ),
+                    );
+              }
+            }
+          },
+        ),
+      ),
+    );
+  }
+}

lib/pages/device_managment/water_heater/widgets/schedule_table.dart

@@ -0,0 +1,222 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:syncrow_web/pages/device_managment/water_heater/bloc/water_heater_bloc.dart';
+import 'package:syncrow_web/pages/device_managment/water_heater/models/schedule_model.dart';
+import 'package:syncrow_web/utils/color_manager.dart';
+import 'package:syncrow_web/utils/constants/assets.dart';
+import 'package:syncrow_web/utils/extension/build_context_x.dart';
+import 'package:syncrow_web/utils/format_date_time.dart';
+
+import '../helper/add_schedule_dialog_helper.dart';
+
+class ScheduleTableWidget extends StatelessWidget {
+  final WaterHeaterDeviceStatusLoaded state;
+
+  const ScheduleTableWidget({
+    super.key,
+    required this.state,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        Table(
+          border: TableBorder.all(
+            color: ColorsManager.graysColor,
+            borderRadius: const BorderRadius.only(
+                topLeft: Radius.circular(20), topRight: Radius.circular(20)),
+          ),
+          children: [
+            TableRow(
+              decoration: const BoxDecoration(
+                color: ColorsManager.boxColor,
+                borderRadius: BorderRadius.only(
+                  topLeft: Radius.circular(20),
+                  topRight: Radius.circular(20),
+                ),
+              ),
+              children: [
+                _buildTableHeader('Active'),
+                _buildTableHeader('Days'),
+                _buildTableHeader('Time'),
+                _buildTableHeader('Function'),
+                _buildTableHeader('Action'),
+              ],
+            ),
+          ],
+        ),
+        BlocBuilder<WaterHeaterBloc, WaterHeaterState>(
+          builder: (context, state) {
+            if (state is ScheduleLoadingState) {
+              return const SizedBox(
+                  height: 200,
+                  child: Center(child: CircularProgressIndicator()));
+            }
+            if (state is WaterHeaterDeviceStatusLoaded &&
+                state.schedules.isEmpty) {
+              return _buildEmptyState(context);
+            } else if (state is WaterHeaterDeviceStatusLoaded) {
+              return Container(
+                  height: 200,
+                  decoration: BoxDecoration(
+                    border: Border.all(color: ColorsManager.graysColor),
+                    borderRadius: const BorderRadius.only(
+                        bottomLeft: Radius.circular(20),
+                        bottomRight: Radius.circular(20)),
+                  ),
+                  child: _buildTableBody(state, context));
+            }
+            return const SizedBox(
+              height: 200,
+            );
+          },
+        ),
+      ],
+    );
+  }
+
+  Widget _buildEmptyState(BuildContext context) {
+    return Container(
+      height: 200,
+      decoration: BoxDecoration(
+        border: Border.all(color: ColorsManager.graysColor),
+        borderRadius: const BorderRadius.only(
+            bottomLeft: Radius.circular(20), bottomRight: Radius.circular(20)),
+      ),
+      child: Center(
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            SvgPicture.asset(Assets.emptyRecords, width: 40, height: 40),
+            const SizedBox(height: 8),
+            Padding(
+              padding: const EdgeInsets.all(8.0),
+              child: Text(
+                'No schedules added yet',
+                style: context.textTheme.bodySmall!.copyWith(
+                  fontSize: 13,
+                  color: ColorsManager.grayColor,
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildTableBody(
+      WaterHeaterDeviceStatusLoaded state, BuildContext context) {
+    return SizedBox(
+      height: 200,
+      child: SingleChildScrollView(
+        child: Table(
+          border: TableBorder.all(color: ColorsManager.graysColor),
+          defaultVerticalAlignment: TableCellVerticalAlignment.middle,
+          children: [
+            for (int i = 0; i < state.schedules.length; i++)
+              _buildScheduleRow(state.schedules[i], i, context, state),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildTableHeader(String label) {
+    return TableCell(
+      child: Padding(
+        padding: const EdgeInsets.all(12),
+        child: Text(
+          label,
+          style: const TextStyle(
+            fontSize: 13,
+            color: ColorsManager.grayColor,
+          ),
+        ),
+      ),
+    );
+  }
+
+  TableRow _buildScheduleRow(ScheduleModel schedule, int index,
+      BuildContext context, WaterHeaterDeviceStatusLoaded state) {
+    return TableRow(
+      children: [
+        Center(
+          child: GestureDetector(
+            onTap: () {
+              context.read<WaterHeaterBloc>().add(UpdateScheduleEntryEvent(
+                    index: index,
+                    enable: !schedule.enable,
+                    scheduleId: schedule.scheduleId,
+                    deviceId: state.status.uuid,
+                    functionOn: schedule.function.value,
+                  ));
+            },
+            child: SizedBox(
+              width: 24,
+              height: 24,
+              child: schedule.enable
+                  ? const Icon(Icons.radio_button_checked,
+                      color: ColorsManager.blueColor)
+                  : const Icon(
+                      Icons.radio_button_unchecked,
+                      color: ColorsManager.grayColor,
+                    ),
+            ),
+          ),
+        ),
+        Center(
+            child: Text(_getSelectedDays(
+                ScheduleModel.parseSelectedDays(schedule.days)))),
+        Center(child: Text(formatIsoStringToTime(schedule.time, context))),
+        Center(child: Text(schedule.function.value ? 'On' : 'Off')),
+        Center(
+          child: Wrap(
+            runAlignment: WrapAlignment.center,
+            children: [
+              TextButton(
+                style: TextButton.styleFrom(padding: EdgeInsets.zero),
+                onPressed: () {
+                  ScheduleDialogHelper.showAddScheduleDialog(context,
+                      schedule: schedule, index: index, isEdit: true);
+                },
+                child: Text(
+                  'Edit',
+                  style: context.textTheme.bodySmall!
+                      .copyWith(color: ColorsManager.blueColor),
+                ),
+              ),
+              TextButton(
+                style: TextButton.styleFrom(padding: EdgeInsets.zero),
+                onPressed: () {
+                  context.read<WaterHeaterBloc>().add(DeleteScheduleEvent(
+                        index: index,
+                        scheduleId: schedule.scheduleId,
+                      ));
+                },
+                child: Text(
+                  'Delete',
+                  style: context.textTheme.bodySmall!
+                      .copyWith(color: ColorsManager.blueColor),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+
+  String _getSelectedDays(List<bool> selectedDays) {
+    final days = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+    List<String> selectedDaysStr = [];
+    for (int i = 0; i < selectedDays.length; i++) {
+      if (selectedDays[i]) {
+        selectedDaysStr.add(days[i]);
+      }
+    }
+    return selectedDaysStr.join(', ');
+  }
+}

lib/pages/space_management_v2/main_module/models/space_connection_model.dart

@@ -1,6 +0,0 @@
-class SpaceConnectionModel {
-  final String from;
-  final String to;
-
-  const SpaceConnectionModel({required this.from, required this.to});
-}

lib/pages/space_management_v2/main_module/painters/spaces_connections_arrow_painter.dart

@@ -1,60 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:syncrow_web/pages/space_management_v2/main_module/models/space_connection_model.dart';
-import 'package:syncrow_web/utils/color_manager.dart';
-
-class SpacesConnectionsArrowPainter extends CustomPainter {
-  final List<SpaceConnectionModel> connections;
-  final Map<String, Offset> positions;
-  final double cardWidth = 150.0;
-  final double cardHeight = 90.0;
-  final String? selectedSpaceUuid;
-
-  SpacesConnectionsArrowPainter({
-    required this.connections,
-    required this.positions,
-    this.selectedSpaceUuid,
-  });
-
-  @override
-  void paint(Canvas canvas, Size size) {
-    for (final connection in connections) {
-      final isSelected = connection.to == selectedSpaceUuid;
-      final paint = Paint()
-        ..color = isSelected
-            ? ColorsManager.primaryColor
-            : ColorsManager.blackColor.withValues(alpha: 0.5)
-        ..strokeWidth = 2.0
-        ..style = PaintingStyle.stroke;
-
-      final from = positions[connection.from];
-      final to = positions[connection.to];
-
-      if (from != null && to != null) {
-        final startPoint =
-            Offset(from.dx + cardWidth / 2, from.dy + cardHeight - 10);
-        final endPoint = Offset(to.dx + cardWidth / 2, to.dy);
-
-        final path = Path()..moveTo(startPoint.dx, startPoint.dy);
-
-        final controlPoint1 = Offset(startPoint.dx, startPoint.dy + 60);
-        final controlPoint2 = Offset(endPoint.dx, endPoint.dy - 60);
-
-        path.cubicTo(controlPoint1.dx, controlPoint1.dy, controlPoint2.dx,
-            controlPoint2.dy, endPoint.dx, endPoint.dy);
-
-        canvas.drawPath(path, paint);
-
-        final circlePaint = Paint()
-          ..color = isSelected
-              ? ColorsManager.primaryColor
-              : ColorsManager.blackColor.withValues(alpha: 0.5)
-          ..style = PaintingStyle.fill
-          ..blendMode = BlendMode.srcIn;
-        canvas.drawCircle(endPoint, 4, circlePaint);
-      }
-    }
-  }
-
-  @override
-  bool shouldRepaint(covariant CustomPainter oldDelegate) => true;
-}

lib/pages/space_management_v2/main_module/shared/helpers/space_management_community_dialog_helper.dart

@@ -1,24 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/bloc/communities_bloc.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/communities_tree_selection_bloc/communities_tree_selection_bloc.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/create_community/presentation/create_community_dialog.dart';
-
-abstract final class SpaceManagementCommunityDialogHelper {
-  static void showCreateDialog(BuildContext context) {
-    showDialog<void>(
-      context: context,
-      builder: (_) => CreateCommunityDialog(
-        title: const SelectableText('Community Name'),
-        onCreateCommunity: (community) {
-          context.read<CommunitiesBloc>().add(
-                InsertCommunity(community),
-              );
-          context.read<CommunitiesTreeSelectionBloc>().add(
-                SelectCommunityEvent(community: community),
-              );
-        },
-      ),
-    );
-  }
-}

lib/pages/space_management_v2/main_module/shared/models/paginated_data_model.dart

@@ -1,43 +0,0 @@
-import 'package:equatable/equatable.dart';
-
-class PaginatedDataModel<T> extends Equatable {
-  const PaginatedDataModel({
-    required this.data,
-    required this.page,
-    required this.size,
-    required this.hasNext,
-    required this.totalItems,
-    required this.totalPages,
-  });
-
-  final List<T> data;
-  final int page;
-  final int size;
-  final bool hasNext;
-  final int totalItems;
-  final int totalPages;
-
-  factory PaginatedDataModel.fromJson(
-    Map<String, dynamic> json,
-    List<T> Function(List<dynamic>) fromJsonList,
-  ) {
-    return PaginatedDataModel<T>(
-      data: fromJsonList(json['data'] as List<dynamic>),
-      page: json['page'] as int? ?? 1,
-      size: json['size'] as int? ?? 25,
-      hasNext: json['hasNext'] as bool? ?? false,
-      totalItems: json['totalItem'] as int? ?? 0,
-      totalPages: json['totalPage'] as int? ?? 0,
-    );
-  }
-
-  @override
-  List<Object?> get props => [
-        data,
-        page,
-        size,
-        hasNext,
-        totalItems,
-        totalPages,
-      ];
-}

lib/pages/space_management_v2/main_module/views/space_management_page.dart

@@ -1,47 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:syncrow_web/pages/device_managment/shared/navigate_home_grid_view.dart';
-import 'package:syncrow_web/pages/space_management_v2/main_module/widgets/space_management_body.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/data/services/debounced_communities_service.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/data/services/remote_communities_service.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/domain/params/load_communities_param.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/bloc/communities_bloc.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/communities_tree_selection_bloc/communities_tree_selection_bloc.dart';
-import 'package:syncrow_web/services/api/http_service.dart';
-import 'package:syncrow_web/utils/theme/responsive_text_theme.dart';
-import 'package:syncrow_web/web_layout/web_scaffold.dart';
-
-class SpaceManagementPage extends StatelessWidget {
-  const SpaceManagementPage({super.key});
-
-  @override
-  Widget build(BuildContext context) {
-    return MultiBlocProvider(
-      providers: [
-        BlocProvider(
-          create: (context) => CommunitiesBloc(
-            communitiesService: DebouncedCommunitiesService(
-              RemoteCommunitiesService(HTTPService()),
-            ),
-          )..add(const LoadCommunities(LoadCommunitiesParam())),
-        ),
-        BlocProvider(create: (context) => CommunitiesTreeSelectionBloc()),
-      ],
-      child: WebScaffold(
-        appBarTitle: Text(
-          'Space Management',
-          style: ResponsiveTextTheme.of(context).deviceManagementTitle,
-        ),
-        enableMenuSidebar: false,
-        centerBody: Text(
-          'Community Structure',
-          style: Theme.of(context).textTheme.bodyLarge!.copyWith(
-                fontWeight: FontWeight.bold,
-              ),
-        ),
-        rightBody: const NavigateHomeGridView(),
-        scaffoldBody: const SpaceManagementBody(),
-      ),
-    );
-  }
-}

lib/pages/space_management_v2/main_module/widgets/community_structure_canvas.dart

@@ -1,236 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:syncrow_web/pages/space_management_v2/main_module/models/space_connection_model.dart';
-import 'package:syncrow_web/pages/space_management_v2/main_module/painters/spaces_connections_arrow_painter.dart';
-import 'package:syncrow_web/pages/space_management_v2/main_module/widgets/space_card_widget.dart';
-import 'package:syncrow_web/pages/space_management_v2/main_module/widgets/space_cell.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/domain/models/community_model.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/domain/models/space_model.dart';
-
-class CommunityStructureCanvas extends StatefulWidget {
-  const CommunityStructureCanvas({
-    required this.community,
-    super.key,
-  });
-
-  final CommunityModel community;
-
-  @override
-  State<CommunityStructureCanvas> createState() =>_CommunityStructureCanvasState();  
-}
-
-class _CommunityStructureCanvasState extends State<CommunityStructureCanvas>
-    with SingleTickerProviderStateMixin {
-  final Map<String, Offset> _positions = {};
-  final double _cardWidth = 150.0;
-  final double _cardHeight = 90.0;
-  final double _horizontalSpacing = 150.0;
-  final double _verticalSpacing = 120.0;
-  String? _selectedSpaceUuid;
-
-  late TransformationController _transformationController;
-  late AnimationController _animationController;
-
-  @override
-  void initState() {
-    super.initState();
-    _transformationController = TransformationController();
-    _animationController = AnimationController(
-      vsync: this,
-      duration: const Duration(milliseconds: 100),
-    );
-  }
-
-  @override
-  void dispose() {
-    _transformationController.dispose();
-    _animationController.dispose();
-    super.dispose();
-  }
-
-  void _runAnimation(Matrix4 target) {
-    final animation = Matrix4Tween(
-      begin: _transformationController.value,
-      end: target,
-    ).animate(_animationController);
-
-    void listener() {
-      _transformationController.value = animation.value;
-    }
-
-    animation.addListener(listener);
-    _animationController.forward(from: 0).whenCompleteOrCancel(() {
-      animation.removeListener(listener);
-    });
-  }
-
-  void _onSpaceTapped(String spaceUuid) {
-    setState(() {
-      _selectedSpaceUuid = spaceUuid;
-    });
-
-    final position = _positions[spaceUuid];
-    if (position == null) return;
-
-    const scale = 2.0;
-    final viewSize = context.size;
-    if (viewSize == null) return;
-
-    final x = -position.dx * scale + (viewSize.width / 2) - (_cardWidth * scale / 2);
-    final y =
-        -position.dy * scale + (viewSize.height / 2) - (_cardHeight * scale / 2);
-
-    final matrix = Matrix4.identity()
-      ..translate(x, y)
-      ..scale(scale);
-
-    _runAnimation(matrix);
-  }
-
-  void _resetSelectionAndZoom() {
-    setState(() {
-      _selectedSpaceUuid = null;
-    });
-    _runAnimation(Matrix4.identity());
-  }
-
-  void _calculateLayout(
-    List<SpaceModel> spaces,
-    int depth,
-    Map<int, double> levelXOffset,
-  ) {
-    for (final space in spaces) {
-      double childSubtreeWidth = 0;
-      if (space.children.isNotEmpty) {
-        _calculateLayout(space.children, depth + 1, levelXOffset);
-        final firstChildPos = _positions[space.children.first.uuid];
-        final lastChildPos = _positions[space.children.last.uuid];
-        if (firstChildPos != null && lastChildPos != null) {
-          childSubtreeWidth = (lastChildPos.dx + _cardWidth) - firstChildPos.dx;
-        }
-      }
-
-      final currentX = levelXOffset.putIfAbsent(depth, () => 0.0);
-      double? x;
-
-      if (space.children.isNotEmpty) {
-        final firstChildPos = _positions[space.children.first.uuid]!;
-        x = firstChildPos.dx + (childSubtreeWidth - _cardWidth) / 2;
-      } else {
-        x = currentX;
-      }
-
-      if (x < currentX) {
-        final shiftX = currentX - x;
-        _shiftSubtree(space, shiftX);
-        final keysToShift = levelXOffset.keys.where((d) => d > depth).toList();
-        for (final key in keysToShift) {
-          levelXOffset[key] = levelXOffset[key]! + shiftX;
-        }
-        x += shiftX;
-      }
-
-      final y = depth * (_verticalSpacing + _cardHeight);
-      _positions[space.uuid] = Offset(x, y);
-      levelXOffset[depth] = x + _cardWidth + _horizontalSpacing;
-    }
-  }
-
-  void _shiftSubtree(SpaceModel space, double shiftX) {
-    if (_positions.containsKey(space.uuid)) {
-      _positions[space.uuid] = _positions[space.uuid]!.translate(shiftX, 0);
-    }
-    for (final child in space.children) {
-      _shiftSubtree(child, shiftX);
-    }
-  }
-
-  List<Widget> _buildTreeWidgets() {
-    _positions.clear();
-    final community = widget.community;
-
-    _calculateLayout(community.spaces, 0, {});
-
-    final widgets = <Widget>[];
-    final connections = <SpaceConnectionModel>[];
-    _generateWidgets(community.spaces, widgets, connections);
-
-    return [
-      CustomPaint(
-        painter: SpacesConnectionsArrowPainter(
-          connections: connections,
-          positions: _positions,
-          selectedSpaceUuid: _selectedSpaceUuid,
-        ),
-        child: Stack(alignment: AlignmentDirectional.center, children: widgets),
-      ),
-    ];
-  }
-
-  void _generateWidgets(
-    List<SpaceModel> spaces,
-    List<Widget> widgets,
-    List<SpaceConnectionModel> connections,
-  ) {
-    for (final space in spaces) {
-      final position = _positions[space.uuid];
-      if (position == null) continue;
-
-      widgets.add(
-        Positioned(
-          left: position.dx,
-          top: position.dy,
-          width: _cardWidth,
-          height: _cardHeight,
-          child: SpaceCardWidget(
-            index: spaces.indexOf(space),
-            onPositionChanged: (newPosition) {},
-            buildSpaceContainer: (index) {
-              return Opacity(
-                opacity: 1.0,
-                child: SpaceCell(
-                  index: index,
-                  onTap: () => _onSpaceTapped(space.uuid),
-                  icon: space.icon,
-                  name: space.spaceName,
-                ),
-              );
-            },
-            screenSize: MediaQuery.sizeOf(context),
-            position: position,
-            isHovered: false,
-            onHoverChanged: (int index, bool isHovered) {},
-            onButtonTap: (int index, Offset newPosition) {},
-          ),
-        ),
-      );
-
-      for (final child in space.children) {
-        connections.add(SpaceConnectionModel(from: space.uuid, to: child.uuid));
-      }
-      _generateWidgets(space.children, widgets, connections);
-    }
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    final treeWidgets = _buildTreeWidgets();
-    return InteractiveViewer(
-      transformationController: _transformationController,
-      boundaryMargin: EdgeInsets.symmetric(
-        horizontal: MediaQuery.sizeOf(context).width * 0.3,
-        vertical: MediaQuery.sizeOf(context).height * 0.2,
-      ),
-      minScale: 0.5,
-      maxScale: 3.0,
-      constrained: false,
-      child: GestureDetector(
-        onTap: _resetSelectionAndZoom,
-        child: SizedBox(
-          width: MediaQuery.sizeOf(context).width * 2,
-          height: MediaQuery.sizeOf(context).height * 2,
-          child: Stack(children: treeWidgets),
-        ),
-      ),
-    );
-  }
-}

lib/pages/space_management_v2/main_module/widgets/community_template_cell.dart

@@ -1,50 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:syncrow_web/utils/color_manager.dart';
-import 'package:syncrow_web/utils/extension/build_context_x.dart';
-
-class CommunityTemplateCell extends StatelessWidget {
-  const CommunityTemplateCell({
-    super.key,
-    required this.onTap,
-    required this.title,
-  });
-
-  final void Function() onTap;
-  final Widget title;
-
-  @override
-  Widget build(BuildContext context) {
-    return GestureDetector(
-      onTap: onTap,
-      child: Column(
-        spacing: 8,
-        crossAxisAlignment: CrossAxisAlignment.center,
-        children: [
-          Expanded(
-            child: AspectRatio(
-              aspectRatio: 2.0,
-              child: Container(
-                decoration: ShapeDecoration(
-                  shape: RoundedRectangleBorder(
-                    side: const BorderSide(
-                      width: 4,
-                      strokeAlign: BorderSide.strokeAlignOutside,
-                      color: ColorsManager.borderColor,
-                    ),
-                    borderRadius: BorderRadius.circular(5),
-                  ),
-                ),
-              ),
-            ),
-          ),
-          DefaultTextStyle(
-            style: context.textTheme.bodyLarge!.copyWith(
-              color: ColorsManager.blackColor,
-            ),
-            child: title,
-          ),
-        ],
-      ),
-    );
-  }
-}

lib/pages/space_management_v2/main_module/widgets/create_space_button.dart

@@ -1,42 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:syncrow_web/utils/color_manager.dart';
-
-class CreateSpaceButton extends StatelessWidget {
-  const CreateSpaceButton({super.key});
-
-  @override
-  Widget build(BuildContext context) {
-    return GestureDetector(
-      onTap: () {},
-      child: Container(
-        height: 60,
-        decoration: BoxDecoration(
-          color: Colors.white,
-          borderRadius: BorderRadius.circular(20),
-          boxShadow: [
-            BoxShadow(
-              color: Colors.grey.withValues(alpha: 0.5),
-              spreadRadius: 5,
-              blurRadius: 7,
-              offset: const Offset(0, 3),
-            ),
-          ],
-        ),
-        child: Center(
-          child: Container(
-            width: 40,
-            height: 40,
-            decoration: const BoxDecoration(
-              color: ColorsManager.boxColor,
-              shape: BoxShape.circle,
-            ),
-            child: const Icon(
-              Icons.add,
-              color: Colors.blue,
-            ),
-          ),
-        ),
-      ),
-    );
-  }
-}

lib/pages/space_management_v2/main_module/widgets/plus_button_widget.dart

@@ -1,43 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:syncrow_web/utils/color_manager.dart';
-
-class PlusButtonWidget extends StatelessWidget {
-  final int index;
-  final String direction;
-  final Offset offset;
-  final void Function(int index, Offset newPosition) onButtonTap;
-
-  const PlusButtonWidget({
-    super.key,
-    required this.index,
-    required this.direction,
-    required this.offset,
-    required this.onButtonTap,
-  });
-
-  @override
-  Widget build(BuildContext context) {
-    return GestureDetector(
-      onTap: () {
-        if (direction == 'down') {
-          onButtonTap(index, const Offset(0, 150));
-        } else {
-          onButtonTap(index, const Offset(150, 0));
-        }
-      },
-      child: Container(
-        width: 30,
-        height: 30,
-        decoration: const BoxDecoration(
-          color: ColorsManager.spaceColor,
-          shape: BoxShape.circle,
-        ),
-        child: const Icon(
-          Icons.add,
-          color: ColorsManager.whiteColors,
-          size: 20,
-        ),
-      ),
-    );
-  }
-}

lib/pages/space_management_v2/main_module/widgets/space_card_widget.dart

@@ -1,65 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:syncrow_web/pages/space_management_v2/main_module/widgets/plus_button_widget.dart';
-
-class SpaceCardWidget extends StatelessWidget {
-  final int index;
-  final Size screenSize;
-  final Offset position;
-  final bool isHovered;
-  final void Function(int index, bool isHovered) onHoverChanged;
-  final void Function(int index, Offset newPosition) onButtonTap;
-  final Widget Function(int index) buildSpaceContainer;
-  final ValueChanged<Offset> onPositionChanged;
-
-  const SpaceCardWidget({
-    super.key,
-    required this.index,
-    required this.onPositionChanged,
-    required this.screenSize,
-    required this.position,
-    required this.isHovered,
-    required this.onHoverChanged,
-    required this.onButtonTap,
-    required this.buildSpaceContainer,
-  });
-
-  @override
-  Widget build(BuildContext context) {
-    return MouseRegion(
-      onEnter: (_) => onHoverChanged(index, true),
-      onExit: (_) => onHoverChanged(index, false),
-      child: SizedBox(
-        width: 150,
-        height: 90,
-        child: Stack(
-          clipBehavior: Clip.none,
-          alignment: Alignment.center,
-          children: [
-            buildSpaceContainer(index),
-
-            if (isHovered)
-              Positioned(
-                bottom: 0,
-                child: PlusButtonWidget(
-                  index: index,
-                  direction: 'down',
-                  offset: Offset.zero,
-                  onButtonTap: onButtonTap,
-                ),
-              ),
-            if (isHovered)
-              Positioned(
-                right: -15,
-                child: PlusButtonWidget(
-                  index: index,
-                  direction: 'right',
-                  offset: Offset.zero,
-                  onButtonTap: onButtonTap,
-                ),
-              ),
-          ],
-        ),
-      ),
-    );
-  }
-}

lib/pages/space_management_v2/main_module/widgets/space_cell.dart

@@ -1,88 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_svg/svg.dart';
-import 'package:syncrow_web/utils/color_manager.dart';
-
-class SpaceCell extends StatelessWidget {
-  final int index;
-  final String icon;
-  final String name;
-  final VoidCallback? onDoubleTap;
-  final VoidCallback? onTap;
-
-  const SpaceCell({
-    super.key,
-    required this.index,
-    required this.icon,
-    required this.name,
-    this.onTap,
-    this.onDoubleTap,
-  });
-
-  @override
-  Widget build(BuildContext context) {
-    final theme = Theme.of(context);
-
-    return GestureDetector(
-      onDoubleTap: onDoubleTap,
-      onTap: onTap,
-      child: Container(
-        width: 150,
-        height: 70,
-        decoration: _containerDecoration(),
-        child: Row(
-          children: [
-            _buildIconContainer(),
-            const SizedBox(width: 10),
-            Expanded(
-              child: Text(
-                name,
-                style: theme.textTheme.bodyLarge?.copyWith(
-                  fontWeight: FontWeight.bold,
-                  color: ColorsManager.blackColor,
-                ),
-                overflow: TextOverflow.ellipsis,
-              ),
-            ),
-          ],
-        ),
-      ),
-    );
-  }
-
-  Widget _buildIconContainer() {
-    return Container(
-      width: 40,
-      height: double.infinity,
-      decoration: const BoxDecoration(
-        color: ColorsManager.spaceColor,
-        borderRadius: BorderRadius.only(
-          topLeft: Radius.circular(15),
-          bottomLeft: Radius.circular(15),
-        ),
-      ),
-      child: Center(
-        child: SvgPicture.asset(
-          icon,
-          color: ColorsManager.whiteColors,
-          width: 24,
-          height: 24,
-        ),
-      ),
-    );
-  }
-
-  BoxDecoration _containerDecoration() {
-    return BoxDecoration(
-      color: ColorsManager.whiteColors,
-      borderRadius: BorderRadius.circular(15),
-      boxShadow: [
-        BoxShadow(
-          color: ColorsManager.lightGrayColor.withValues(alpha: 0.5),
-          spreadRadius: 2,
-          blurRadius: 5,
-          offset: const Offset(0, 3),
-        ),
-      ],
-    );
-  }
-}

lib/pages/space_management_v2/main_module/widgets/space_management_body.dart

@@ -1,31 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:syncrow_web/pages/space_management_v2/main_module/widgets/space_management_community_structure.dart';
-import 'package:syncrow_web/pages/space_management_v2/main_module/widgets/space_management_templates_view.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/communities_tree_selection_bloc/communities_tree_selection_bloc.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/widgets/space_management_communities_tree.dart';
-
-class SpaceManagementBody extends StatelessWidget {
-  const SpaceManagementBody({super.key});
-
-  @override
-  Widget build(BuildContext context) {
-    return Row(
-      children: [
-        const SpaceManagementCommunitiesTree(),
-        Expanded(
-          child: BlocBuilder<CommunitiesTreeSelectionBloc,
-              CommunitiesTreeSelectionState>(
-            buildWhen: (previous, current) =>
-                previous.selectedCommunity != current.selectedCommunity,
-            builder: (context, state) => Visibility(
-              visible: state.selectedCommunity == null,
-              replacement: const SpaceManagementCommunityStructure(),
-              child: const SpaceManagementTemplatesView(),
-            ),
-          ),
-        ),
-      ],
-    );
-  }
-}

lib/pages/space_management_v2/main_module/widgets/space_management_community_structure.dart

@@ -1,22 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:syncrow_web/pages/space_management_v2/main_module/widgets/community_structure_canvas.dart';
-import 'package:syncrow_web/pages/space_management_v2/main_module/widgets/create_space_button.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/communities_tree_selection_bloc/communities_tree_selection_bloc.dart';
-
-class SpaceManagementCommunityStructure extends StatelessWidget {
-  const SpaceManagementCommunityStructure({super.key});
-
-  @override
-  Widget build(BuildContext context) {
-    final selectedCommunity =
-        context.watch<CommunitiesTreeSelectionBloc>().state.selectedCommunity!;
-    const spacer = Spacer(flex: 10);
-    return Visibility(
-      visible: selectedCommunity.spaces.isNotEmpty,
-      replacement: const Row(
-          children: [spacer, Expanded(child: CreateSpaceButton()), spacer]),
-      child: CommunityStructureCanvas(community: selectedCommunity),
-    );
-  }
-}

lib/pages/space_management_v2/main_module/widgets/space_management_templates_view.dart

@@ -1,52 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:syncrow_web/pages/space_management_v2/main_module/shared/helpers/space_management_community_dialog_helper.dart';
-import 'package:syncrow_web/pages/space_management_v2/main_module/widgets/community_template_cell.dart';
-import 'package:syncrow_web/utils/color_manager.dart';
-
-class SpaceManagementTemplatesView extends StatelessWidget {
-  const SpaceManagementTemplatesView({super.key});
-  @override
-  Widget build(BuildContext context) {
-    return Expanded(
-      child: ColoredBox(
-        color: ColorsManager.whiteColors,
-        child: GridView.builder(
-          padding: const EdgeInsets.symmetric(horizontal: 40, vertical: 20),
-          gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
-            maxCrossAxisExtent: 400,
-            mainAxisSpacing: 10,
-            crossAxisSpacing: 10,
-            childAspectRatio: 2.0,
-          ),
-          itemCount: _gridItems(context).length,
-          itemBuilder: (context, index) {
-            final model = _gridItems(context)[index];
-            return CommunityTemplateCell(
-              onTap: model.onTap,
-              title: model.title,
-            );
-          },
-        ),
-      ),
-    );
-  }
-
-  List<_CommunityTemplateModel> _gridItems(BuildContext context) {
-    return [
-      _CommunityTemplateModel(
-        title: const Text('Blank'),
-        onTap: () => SpaceManagementCommunityDialogHelper.showCreateDialog(context),
-      ),
-    ];
-  }
-}
-
-class _CommunityTemplateModel {
-  final Widget title;
-  final void Function() onTap;
-
-  _CommunityTemplateModel({
-    required this.title,
-    required this.onTap,
-  });
-}

lib/pages/space_management_v2/modules/communities/data/services/debounced_communities_service.dart

@@ -1,42 +0,0 @@
-import 'dart:async';
-
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/domain/params/load_communities_param.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/domain/services/communities_service.dart';
-
-final class DebouncedCommunitiesService implements CommunitiesService {
-  DebouncedCommunitiesService(
-    this._decoratee, {
-    this.debounceDuration = const Duration(milliseconds: 500),
-  });
-
-  final CommunitiesService _decoratee;
-  final Duration debounceDuration;
-
-  Timer? _debounceTimer;
-  late Completer<CommunitiesPaginationModel>? _completer;
-
-  @override
-  Future<CommunitiesPaginationModel> getCommunity(
-    LoadCommunitiesParam param,
-  ) async {
-    _debounceTimer?.cancel();
-
-    _completer = Completer<CommunitiesPaginationModel>();
-    final currentCompleter = _completer!;
-
-    _debounceTimer = Timer(debounceDuration, () async {
-      try {
-        final result = await _decoratee.getCommunity(param);
-        if (!currentCompleter.isCompleted) {
-          currentCompleter.complete(result);
-        }
-      } catch (error) {
-        if (!currentCompleter.isCompleted) {
-          currentCompleter.completeError(error);
-        }
-      }
-    });
-
-    return currentCompleter.future;
-  }
-}

lib/pages/space_management_v2/modules/communities/data/services/remote_communities_service.dart

@@ -1,11 +1,9 @@
 import 'package:dio/dio.dart';
-import 'package:syncrow_web/pages/common/bloc/project_manager.dart';
 import 'package:syncrow_web/pages/space_management_v2/modules/communities/domain/models/community_model.dart';
 import 'package:syncrow_web/pages/space_management_v2/modules/communities/domain/params/load_communities_param.dart';
 import 'package:syncrow_web/pages/space_management_v2/modules/communities/domain/services/communities_service.dart';
 import 'package:syncrow_web/services/api/api_exception.dart';
 import 'package:syncrow_web/services/api/http_service.dart';
-import 'package:syncrow_web/utils/constants/api_const.dart';
 
 class RemoteCommunitiesService implements CommunitiesService {
   const RemoteCommunitiesService(this._httpService);
@@ -15,26 +13,14 @@ class RemoteCommunitiesService implements CommunitiesService {
   static const _defaultErrorMessage = 'Failed to load communities';
 
   @override
-  Future<CommunitiesPaginationModel> getCommunity(
+  Future<List<CommunityModel>> getCommunity(LoadCommunitiesParam param) async {
-    LoadCommunitiesParam param,
-  ) async {
     try {
-      final response = await _httpService.get(
+      return _httpService.get(
-        path: await _makeUrl(),
+        path: '/api/communities/',
-        queryParameters: {
+        expectedResponseModel: (json) => (json as List<dynamic>)
-          'page': param.page,
+            .map((e) => CommunityModel.fromJson(e as Map<String, dynamic>))
-          'size': param.size,
+            .toList(),
-          'includeSpaces': param.includeSpaces,
-          if (param.search.isNotEmpty && param.search != 'null')
-            'search': param.search,
-        },
-        expectedResponseModel: (json) => CommunitiesPaginationModel.fromJson(
-          json as Map<String, dynamic>,
-          CommunityModel.fromJsonList,
-        ),
       );
-
-      return response;
     } on DioException catch (e) {
       final message = e.response?.data as Map<String, dynamic>?;
       final error = message?['error'] as Map<String, dynamic>?;
@@ -45,13 +31,4 @@ class RemoteCommunitiesService implements CommunitiesService {
       throw APIException(formattedErrorMessage);
     }
   }
-
-  Future<String> _makeUrl() async {
-    final projectUuid = await ProjectManager.getProjectUUID();
-    if (projectUuid == null) throw APIException('Project UUID is required');
-    return ApiEndpoints.getCommunityListv2.replaceAll(
-      '{projectId}',
-      projectUuid,
-    );
-  }
 }

lib/pages/space_management_v2/modules/communities/domain/models/community_model.dart

@@ -4,19 +4,11 @@ import 'package:syncrow_web/pages/space_management_v2/modules/communities/domain
 class CommunityModel extends Equatable {
   final String uuid;
   final String name;
-  final DateTime createdAt;
-  final DateTime updatedAt;
-  final String description;
-  final String externalId;
   final List<SpaceModel> spaces;
 
   const CommunityModel({
     required this.uuid,
     required this.name,
-    required this.createdAt,
-    required this.updatedAt,
-    required this.description,
-    required this.externalId,
     required this.spaces,
   });
 
@@ -24,20 +16,11 @@ class CommunityModel extends Equatable {
     return CommunityModel(
       uuid: json['uuid'] as String,
       name: json['name'] as String,
-      createdAt: DateTime.parse(json['createdAt'] as String),
+      spaces: (json['spaces'] as List<dynamic>)
-      updatedAt: DateTime.parse(json['updatedAt'] as String),
-      description: json['description'] as String,
-      externalId: json['externalId']?.toString() ?? '',
-      spaces: (json['spaces'] as List<dynamic>? ?? <dynamic>[])
           .map((e) => SpaceModel.fromJson(e as Map<String, dynamic>))
           .toList(),
     );
   }
-  static List<CommunityModel> fromJsonList(List<dynamic> json) {
-    return json
-        .map((e) => CommunityModel.fromJson(e as Map<String, dynamic>))
-        .toList();
-  }
 
   @override
   List<Object?> get props => [uuid, name, spaces];

lib/pages/space_management_v2/modules/communities/domain/models/space_model.dart

@@ -2,37 +2,26 @@ import 'package:equatable/equatable.dart';
 
 class SpaceModel extends Equatable {
   final String uuid;
-  final DateTime? createdAt;
-  final DateTime? updatedAt;
   final String spaceName;
   final String icon;
   final List<SpaceModel> children;
-  final SpaceModel? parent;
 
   const SpaceModel({
     required this.uuid,
-    required this.createdAt,
-    required this.updatedAt,
     required this.spaceName,
     required this.icon,
     required this.children,
-    required this.parent,
   });
 
   factory SpaceModel.fromJson(Map<String, dynamic> json) {
     return SpaceModel(
-      uuid: json['uuid'] as String? ?? '',
+      uuid: json['uuid'] as String,
-      createdAt: DateTime.tryParse(json['createdAt'] as String? ?? ''),
+      spaceName: json['spaceName'] as String,
-      updatedAt: DateTime.tryParse(json['updatedAt'] as String? ?? ''),
+      icon: json['icon'] as String,
-      spaceName: json['spaceName'] as String? ?? '',
-      icon: json['icon'] as String? ?? 'assets/icons/location_icon.svg',
       children: (json['children'] as List<dynamic>?)
               ?.map((e) => SpaceModel.fromJson(e as Map<String, dynamic>))
               .toList() ??
           [],
-      parent: json['parent'] != null
-          ? SpaceModel.fromJson(json['parent'] as Map<String, dynamic>)
-          : null,
     );
   }
 

lib/pages/space_management_v2/modules/communities/domain/params/load_communities_param.dart

@@ -1,32 +1,3 @@
-import 'package:equatable/equatable.dart';
+class LoadCommunitiesParam {
-
+  const LoadCommunitiesParam();
-class LoadCommunitiesParam extends Equatable {
-  const LoadCommunitiesParam({
-    this.page = 1,
-    this.size = 25,
-    this.search = '',
-    this.includeSpaces = true,
-  });
-
-  final int page;
-  final int size;
-  final String search;
-  final bool includeSpaces;
-
-  LoadCommunitiesParam copyWith({
-    int? page,
-    int? size,
-    String? search,
-    bool? includeSpaces,
-  }) {
-    return LoadCommunitiesParam(
-      page: page ?? this.page,
-      size: size ?? this.size,
-      search: search ?? this.search,
-      includeSpaces: includeSpaces ?? this.includeSpaces,
-    );
-  }
-
-  @override
-  List<Object?> get props => [page, size, search, includeSpaces];
 }

lib/pages/space_management_v2/modules/communities/domain/services/communities_service.dart

@@ -1,9 +1,6 @@
-import 'package:syncrow_web/pages/space_management_v2/main_module/shared/models/paginated_data_model.dart';
 import 'package:syncrow_web/pages/space_management_v2/modules/communities/domain/models/community_model.dart';
 import 'package:syncrow_web/pages/space_management_v2/modules/communities/domain/params/load_communities_param.dart';
 
-typedef CommunitiesPaginationModel = PaginatedDataModel<CommunityModel>;
-
 abstract class CommunitiesService {
-  Future<CommunitiesPaginationModel> getCommunity(LoadCommunitiesParam param);
+  Future<List<CommunityModel>> getCommunity(LoadCommunitiesParam param);
 }

lib/pages/space_management_v2/modules/communities/presentation/bloc/communities_bloc.dart

@@ -14,8 +14,6 @@ class CommunitiesBloc extends Bloc<CommunitiesEvent, CommunitiesState> {
   })  : _communitiesService = communitiesService,
         super(const CommunitiesState()) {
     on<LoadCommunities>(_onLoadCommunities);
-    on<LoadMoreCommunities>(_onLoadMoreCommunities);
-    on<InsertCommunity>(_onInsertCommunity);
   }
 
   final CommunitiesService _communitiesService;
@@ -25,93 +23,28 @@ class CommunitiesBloc extends Bloc<CommunitiesEvent, CommunitiesState> {
     Emitter<CommunitiesState> emit,
   ) async {
     try {
-      emit(
+      emit(const CommunitiesState(status: CommunitiesStatus.loading));
-        state.copyWith(status: CommunitiesStatus.loading),
+      final communities = await _communitiesService.getCommunity(event.param);
-      );
-
-      final paginationResponse = await _communitiesService.getCommunity(
-        event.param,
-      );
-
       emit(
         CommunitiesState(
           status: CommunitiesStatus.success,
-          communities: paginationResponse.data,
+          communities: communities,
-          hasNext: paginationResponse.hasNext,
-          currentPage: paginationResponse.page,
-          searchQuery: event.param.search,
-          isLoadingMore: false,
         ),
       );
     } on APIException catch (e) {
-      _onApiException(e, emit);
-    } catch (e) {
-      _onError(e, emit);
-    }
-  }
-
-  Future<void> _onLoadMoreCommunities(
-    LoadMoreCommunities event,
-    Emitter<CommunitiesState> emit,
-  ) async {
-    if (!state.hasNext || state.isLoadingMore) return;
-
-    try {
-      emit(state.copyWith(isLoadingMore: true));
-
-      final param = LoadCommunitiesParam(
-        page: state.currentPage + 1,
-        search: state.searchQuery,
-      );
-
-      final paginationResponse = await _communitiesService.getCommunity(param);
-
-      final updatedCommunities = List<CommunityModel>.from(state.communities)
-        ..addAll(paginationResponse.data);
-
       emit(
-        state.copyWith(
+        CommunitiesState(
-          status: CommunitiesStatus.success,
+          status: CommunitiesStatus.failure,
-          communities: updatedCommunities,
+          errorMessage: e.message,
-          hasNext: paginationResponse.hasNext,
-          currentPage: paginationResponse.page,
-          isLoadingMore: false,
         ),
       );
-    } on APIException catch (e) {
-      _onApiException(e, emit);
     } catch (e) {
-      _onError(e, emit);
+      emit(
+        CommunitiesState(
+          status: CommunitiesStatus.failure,
+          errorMessage: e.toString(),
+        ),
+      );
     }
   }
-
-  void _onApiException(
-    APIException e,
-    Emitter<CommunitiesState> emit,
-  ) {
-    emit(
-      state.copyWith(
-        status: CommunitiesStatus.failure,
-        isLoadingMore: false,
-        errorMessage: e.message,
-      ),
-    );
-  }
-
-  void _onError(Object e, Emitter<CommunitiesState> emit) {
-    emit(
-      state.copyWith(
-        status: CommunitiesStatus.failure,
-        isLoadingMore: false,
-        errorMessage: e.toString(),
-      ),
-    );
-  }
-
-  void _onInsertCommunity(
-    InsertCommunity event,
-    Emitter<CommunitiesState> emit,
-  ) {
-    emit(state.copyWith(communities: [event.community, ...state.communities]));
-  }
 }

lib/pages/space_management_v2/modules/communities/presentation/bloc/communities_event.dart

@@ -15,19 +15,3 @@ class LoadCommunities extends CommunitiesEvent {
   @override
   List<Object?> get props => [param];
 }
-
-class LoadMoreCommunities extends CommunitiesEvent {
-  const LoadMoreCommunities();
-
-  @override
-  List<Object?> get props => [];
-}
-
-final class InsertCommunity extends CommunitiesEvent {
-  const InsertCommunity(this.community);
-
-  final CommunityModel community;
-
-  @override
-  List<Object?> get props => [community];
-}

lib/pages/space_management_v2/modules/communities/presentation/bloc/communities_state.dart

@@ -7,48 +7,12 @@ final class CommunitiesState extends Equatable {
     this.status = CommunitiesStatus.initial,
     this.communities = const [],
     this.errorMessage,
-    this.isLoadingMore = false,
-    this.hasNext = false,
-    this.currentPage = 1,
-    this.searchQuery = '',
   });
 
   final CommunitiesStatus status;
   final List<CommunityModel> communities;
   final String? errorMessage;
-  final bool isLoadingMore;
-  final bool hasNext;
-  final int currentPage;
-  final String searchQuery;
-
-  CommunitiesState copyWith({
-    CommunitiesStatus? status,
-    List<CommunityModel>? communities,
-    String? errorMessage,
-    bool? isLoadingMore,
-    bool? hasNext,
-    int? currentPage,
-    String? searchQuery,
-  }) {
-    return CommunitiesState(
-      status: status ?? this.status,
-      communities: communities ?? this.communities,
-      errorMessage: errorMessage ?? this.errorMessage,
-      isLoadingMore: isLoadingMore ?? this.isLoadingMore,
-      hasNext: hasNext ?? this.hasNext,
-      currentPage: currentPage ?? this.currentPage,
-      searchQuery: searchQuery ?? this.searchQuery,
-    );
-  }
 
   @override
-  List<Object?> get props => [
+  List<Object?> get props => [status, communities, errorMessage];
-        status,
-        communities,
-        errorMessage,
-        isLoadingMore,
-        hasNext,
-        currentPage,
-        searchQuery,
-      ];
 }

lib/pages/space_management_v2/modules/communities/presentation/communities_tree_selection_bloc/communities_tree_selection_bloc.dart

@@ -1,47 +0,0 @@
-import 'package:bloc/bloc.dart';
-import 'package:equatable/equatable.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/domain/models/community_model.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/domain/models/space_model.dart';
-
-part 'communities_tree_selection_event.dart';
-part 'communities_tree_selection_state.dart';
-
-class CommunitiesTreeSelectionBloc
-    extends Bloc<CommunitiesTreeSelectionEvent, CommunitiesTreeSelectionState> {
-  CommunitiesTreeSelectionBloc() : super(const CommunitiesTreeSelectionState()) {
-    on<SelectCommunityEvent>(_onSelectCommunity);
-    on<SelectSpaceEvent>(_onSelectSpace);
-    on<ClearCommunitiesTreeSelectionEvent>(_onClearSelection);
-  }
-
-  void _onSelectCommunity(
-    SelectCommunityEvent event,
-    Emitter<CommunitiesTreeSelectionState> emit,
-  ) {
-    emit(
-      CommunitiesTreeSelectionState(
-        selectedCommunity: event.community,
-        selectedSpace: null,
-      ),
-    );
-  }
-
-  void _onSelectSpace(
-    SelectSpaceEvent event,
-    Emitter<CommunitiesTreeSelectionState> emit,
-  ) {
-    emit(
-      CommunitiesTreeSelectionState(
-        selectedCommunity: event.community,
-        selectedSpace: event.space,
-      ),
-    );
-  }
-
-  void _onClearSelection(
-    ClearCommunitiesTreeSelectionEvent event,
-    Emitter<CommunitiesTreeSelectionState> emit,
-  ) {
-    emit(const CommunitiesTreeSelectionState());
-  }
-}

lib/pages/space_management_v2/modules/communities/presentation/communities_tree_selection_bloc/communities_tree_selection_event.dart

@@ -1,31 +0,0 @@
-part of 'communities_tree_selection_bloc.dart';
-
-sealed class CommunitiesTreeSelectionEvent extends Equatable {
-  const CommunitiesTreeSelectionEvent();
-
-  @override
-  List<Object?> get props => [];
-}
-
-final class SelectCommunityEvent extends CommunitiesTreeSelectionEvent {
-  final CommunityModel community;
-
-  const SelectCommunityEvent({required this.community});
-  @override
-  List<Object?> get props => [community];
-}
-
-final class SelectSpaceEvent extends CommunitiesTreeSelectionEvent {
-  final SpaceModel space;
-  final CommunityModel community;
-
-  const SelectSpaceEvent({required this.space, required this.community});
-
-  @override
-  List<Object?> get props => [space];
-}
-
-final class ClearCommunitiesTreeSelectionEvent
-    extends CommunitiesTreeSelectionEvent {
-  const ClearCommunitiesTreeSelectionEvent();
-}

lib/pages/space_management_v2/modules/communities/presentation/communities_tree_selection_bloc/communities_tree_selection_state.dart

@@ -1,29 +0,0 @@
-part of 'communities_tree_selection_bloc.dart';
-
-final class CommunitiesTreeSelectionState extends Equatable {
-  const CommunitiesTreeSelectionState({
-    this.selectedCommunity,
-    this.selectedSpace,
-  });
-
-  final CommunityModel? selectedCommunity;
-  final SpaceModel? selectedSpace;
-
-  CommunitiesTreeSelectionState copyWith({
-    CommunityModel? selectedCommunity,
-    SpaceModel? selectedSpace,
-    List<CommunityModel>? expandedCommunities,
-    List<SpaceModel>? expandedSpaces,
-  }) {
-    return CommunitiesTreeSelectionState(
-      selectedCommunity: selectedCommunity ?? this.selectedCommunity,
-      selectedSpace: selectedSpace ?? this.selectedSpace,
-    );
-  }
-
-  @override
-  List<Object?> get props => [
-        selectedCommunity,
-        selectedSpace,
-      ];
-  }

lib/pages/space_management_v2/modules/communities/presentation/widgets/communities_tree_failure_widget.dart

@@ -1,38 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/domain/params/load_communities_param.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/bloc/communities_bloc.dart';
-
-class CommunitiesTreeFailureWidget extends StatelessWidget {
-  const CommunitiesTreeFailureWidget({super.key, this.errorMessage});
-
-  final String? errorMessage;
-
-  @override
-  Widget build(BuildContext context) {
-    return Expanded(
-      child: Center(
-        child: Column(
-          mainAxisAlignment: MainAxisAlignment.center,
-          children: [
-            Text(
-              errorMessage ?? 'Something went wrong',
-              textAlign: TextAlign.center,
-            ),
-            const SizedBox(height: 16),
-            ElevatedButton(
-              onPressed: () => context.read<CommunitiesBloc>().add(
-                    LoadCommunities(
-                      LoadCommunitiesParam(
-                        search: context.read<CommunitiesBloc>().state.searchQuery,
-                      ),
-                    ),
-                  ),
-              child: const Text('Retry'),
-            ),
-          ],
-        ),
-      ),
-    );
-  }
-}

lib/pages/space_management_v2/modules/communities/presentation/widgets/community_tile.dart

@@ -1,37 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:syncrow_web/common/widgets/custom_expansion_tile.dart';
-
-class CommunityTile extends StatelessWidget {
-  final String title;
-  final List<Widget>? children;
-  final bool isExpanded;
-  final bool isSelected;
-  final void Function(String, bool isExpanded) onExpansionChanged;
-  final void Function() onItemSelected;
-
-  const CommunityTile({
-    super.key,
-    required this.title,
-    required this.isExpanded,
-    required this.onExpansionChanged,
-    required this.onItemSelected,
-    required this.isSelected,
-    this.children,
-  });
-
-  @override
-  Widget build(BuildContext context) {
-    return Padding(
-        padding: const EdgeInsets.all(8.0),
-        child: CustomExpansionTile(
-          title: title,
-          initiallyExpanded: isExpanded,
-          isSelected: isSelected,
-          onExpansionChanged: (bool expanded) {
-            onExpansionChanged(title, expanded);
-          },
-          onItemSelected: onItemSelected,
-          children: children ?? [],
-        ));
-  }
-}

lib/pages/space_management_v2/modules/communities/presentation/widgets/empty_communities_tree_search_result_widget.dart

@@ -1,22 +0,0 @@
-import 'package:flutter/material.dart';
-
-class EmptyCommunitiesTreeSearchResultWidget extends StatelessWidget {
-  const EmptyCommunitiesTreeSearchResultWidget({
-    required this.searchQuery,
-    super.key,
-  });
-
-  final String searchQuery;
-
-  @override
-  Widget build(BuildContext context) {
-    return Center(
-      child: Text(
-        searchQuery.isEmpty
-            ? 'No communities found'
-            : 'No communities found for "$searchQuery"',
-        textAlign: TextAlign.center,
-      ),
-    );
-  }
-}

lib/pages/space_management_v2/modules/communities/presentation/widgets/space_management_communities_tree.dart

@@ -1,112 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:syncrow_web/common/widgets/app_loading_indicator.dart';
-import 'package:syncrow_web/common/widgets/search_bar.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/domain/params/load_communities_param.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/bloc/communities_bloc.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/widgets/communities_tree_failure_widget.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/widgets/empty_communities_tree_search_result_widget.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/widgets/space_management_communities_tree_community_tile.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/widgets/space_management_sidebar_communities_list.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/widgets/space_management_sidebar_header.dart';
-import 'package:syncrow_web/utils/style.dart';
-
-class SpaceManagementCommunitiesTree extends StatefulWidget {
-  const SpaceManagementCommunitiesTree({super.key});
-
-  @override
-  State<SpaceManagementCommunitiesTree> createState() =>
-      _SpaceManagementCommunitiesTreeState();
-}
-
-class _SpaceManagementCommunitiesTreeState
-    extends State<SpaceManagementCommunitiesTree> {
-  @override
-  void initState() {
-    context.read<CommunitiesBloc>().add(
-          const LoadCommunities(LoadCommunitiesParam()),
-        );
-    super.initState();
-  }
-
-  void _onSearchChanged(String searchQuery) {
-    context
-        .read<CommunitiesBloc>()
-        .add(LoadCommunities(LoadCommunitiesParam(search: searchQuery.trim())));
-  }
-
-  void _onLoadMore() {
-    context.read<CommunitiesBloc>().add(const LoadMoreCommunities());
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return BlocBuilder<CommunitiesBloc, CommunitiesState>(
-      builder: (context, state) => Container(
-        width: 320,
-        decoration: subSectionContainerDecoration,
-        child: Column(
-          children: [
-            const SpaceManagementSidebarHeader(),
-            CustomSearchBar(
-              onSearchChanged: _onSearchChanged,
-            ),
-            const SizedBox(height: 16),
-            switch (state.status) {
-              CommunitiesStatus.initial => const AppLoadingIndicator(),
-              CommunitiesStatus.loading => state.communities.isEmpty
-                  ? const AppLoadingIndicator()
-                  : _buildCommunitiesTree(context, state),
-              CommunitiesStatus.success => _buildCommunitiesTree(context, state),
-              CommunitiesStatus.failure => CommunitiesTreeFailureWidget(
-                  errorMessage: state.errorMessage,
-                ),
-            },
-            Visibility(
-              visible: state.isLoadingMore,
-              child: const AppLoadingIndicator(),
-            ),
-          ],
-        ),
-      ),
-    );
-  }
-
-  Widget _buildCommunitiesTree(
-    BuildContext context,
-    CommunitiesState state,
-  ) {
-    final communitiesIsEmpty = state.communities.isEmpty;
-    final statusIsSuccess = state.status == CommunitiesStatus.success;
-
-    return Expanded(
-      child: Visibility(
-        visible: statusIsSuccess && communitiesIsEmpty,
-        replacement: Stack(
-          children: [
-            SpaceManagementSidebarCommunitiesList(
-              communities: state.communities,
-              onLoadMore: state.hasNext ? _onLoadMore : null,
-              isLoadingMore: state.isLoadingMore,
-              hasNext: state.hasNext,
-              itemBuilder: (context, index) {
-                return SpaceManagementCommunitiesTreeCommunityTile(
-                  community: state.communities[index],
-                );
-              },
-            ),
-            if (state.status == CommunitiesStatus.loading &&
-                state.communities.isNotEmpty)
-              ColoredBox(
-                color: Colors.white.withValues(alpha: 0.7),
-                child: const AppLoadingIndicator(),
-              ),
-          ],
-        ),
-        child: EmptyCommunitiesTreeSearchResultWidget(
-          searchQuery: state.searchQuery,
-        ),
-      ),
-    );
-  }
-}

lib/pages/space_management_v2/modules/communities/presentation/widgets/space_management_communities_tree_community_tile.dart

@@ -1,45 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/domain/models/community_model.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/communities_tree_selection_bloc/communities_tree_selection_bloc.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/widgets/community_tile.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/widgets/space_management_communities_tree_space_tile.dart';
-
-class SpaceManagementCommunitiesTreeCommunityTile extends StatelessWidget {
-  const SpaceManagementCommunitiesTreeCommunityTile({
-    required this.community,
-    super.key,
-  });
-
-  final CommunityModel community;
-
-  @override
-  Widget build(BuildContext context) {
-    final spaces = community.spaces
-        .map(
-          (space) => SpaceManagementCommunitiesTreeSpaceTile(
-            space: space,
-            community: community,
-          ),
-        )
-        .toList();
-    return CommunityTile(
-      title: community.name,
-      key: ValueKey(community.uuid),
-      isSelected: context
-              .watch<CommunitiesTreeSelectionBloc>()
-              .state
-              .selectedCommunity
-              ?.uuid ==
-          community.uuid,
-      isExpanded: false,
-      onItemSelected: () {
-        context.read<CommunitiesTreeSelectionBloc>().add(
-              SelectCommunityEvent(community: community),
-            );
-      },
-      onExpansionChanged: (title, expanded) {},
-      children: spaces,
-    );
-  }
-}

lib/pages/space_management_v2/modules/communities/presentation/widgets/space_management_communities_tree_space_tile.dart

@@ -1,56 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/domain/models/community_model.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/domain/models/space_model.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/communities_tree_selection_bloc/communities_tree_selection_bloc.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/widgets/space_tile.dart';
-
-class SpaceManagementCommunitiesTreeSpaceTile extends StatelessWidget {
-  const SpaceManagementCommunitiesTreeSpaceTile({
-    required this.space,
-    required this.community,
-    super.key,
-  });
-
-  final SpaceModel space;
-  final CommunityModel community;
-
-  @override
-  Widget build(BuildContext context) {
-    final spaceIsExpanded = _isSpaceOrChildSelected(context, space);
-    final isSelected =
-        context.watch<CommunitiesTreeSelectionBloc>().state.selectedSpace?.uuid ==
-            space.uuid;
-    return Padding(
-      padding: const EdgeInsetsDirectional.only(start: 16.0),
-      child: SpaceTile(
-        title: space.spaceName,
-        key: ValueKey(space.uuid),
-        isSelected: isSelected,
-        initiallyExpanded: spaceIsExpanded,
-        onExpansionChanged: (expanded) {},
-        onItemSelected: () => context.read<CommunitiesTreeSelectionBloc>().add(
-              SelectSpaceEvent(community: community, space: space),
-            ),
-        children: space.children
-            .map(
-              (childSpace) => SpaceManagementCommunitiesTreeSpaceTile(
-                space: childSpace,
-                community: community,
-              ),
-            )
-            .toList(),
-      ),
-    );
-  }
-
-  bool _isSpaceOrChildSelected(BuildContext context, SpaceModel space) {
-    final selectedSpace =
-        context.read<CommunitiesTreeSelectionBloc>().state.selectedSpace;
-    final isSpaceSelected = selectedSpace?.uuid == space.uuid;
-    final anySubSpaceIsSelected = space.children.any(
-      (child) => _isSpaceOrChildSelected(context, child),
-    );
-    return isSpaceSelected || anySubSpaceIsSelected;
-  }
-}

lib/pages/space_management_v2/modules/communities/presentation/widgets/space_management_sidebar_add_community_button.dart

@@ -1,34 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_svg/svg.dart';
-import 'package:syncrow_web/utils/color_manager.dart';
-import 'package:syncrow_web/utils/constants/assets.dart';
-
-class SpaceManagementSidebarAddCommunityButton extends StatelessWidget {
-  const SpaceManagementSidebarAddCommunityButton({
-    required this.onTap,
-    super.key,
-  });
-
-  final void Function() onTap;
-
-  @override
-  Widget build(BuildContext context) {
-    return SizedBox.square(
-      dimension: 30,
-      child: IconButton(
-        style: IconButton.styleFrom(
-          iconSize: 20,
-          backgroundColor: ColorsManager.circleImageBackground,
-          shape: const CircleBorder(
-            side: BorderSide(
-              color: ColorsManager.lightGrayBorderColor,
-              width: 3,
-            ),
-          ),
-        ),
-        onPressed: onTap,
-        icon: SvgPicture.asset(Assets.addIcon),
-      ),
-    );
-  }
-}

lib/pages/space_management_v2/modules/communities/presentation/widgets/space_management_sidebar_communities_list.dart

@@ -1,104 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/domain/models/community_model.dart';
-import 'package:syncrow_web/utils/extension/build_context_x.dart';
-
-class SpaceManagementSidebarCommunitiesList extends StatefulWidget {
-  const SpaceManagementSidebarCommunitiesList({
-    required this.communities,
-    required this.itemBuilder,
-    this.onLoadMore,
-    this.isLoadingMore = false,
-    this.hasNext = false,
-    super.key,
-  });
-
-  final List<CommunityModel> communities;
-  final Widget Function(BuildContext context, int index) itemBuilder;
-  final VoidCallback? onLoadMore;
-  final bool isLoadingMore;
-  final bool hasNext;
-
-  @override
-  State<SpaceManagementSidebarCommunitiesList> createState() =>
-      _SpaceManagementSidebarCommunitiesListState();
-}
-
-class _SpaceManagementSidebarCommunitiesListState
-    extends State<SpaceManagementSidebarCommunitiesList> {
-  late final ScrollController _scrollController;
-
-  @override
-  void initState() {
-    super.initState();
-    _scrollController = ScrollController();
-    _scrollController.addListener(_onScroll);
-  }
-
-  void _onScroll() {
-    if (_scrollController.position.pixels >=
-        _scrollController.position.maxScrollExtent - 100) {
-      if (widget.hasNext && !widget.isLoadingMore && widget.onLoadMore != null) {
-        widget.onLoadMore!();
-      }
-    }
-  }
-
-  bool _onNotification(ScrollEndNotification notification) {
-    final hasReachedEnd = notification.metrics.extentAfter == 0;
-    if (hasReachedEnd &&
-        widget.hasNext &&
-        !widget.isLoadingMore &&
-        widget.onLoadMore != null) {
-      widget.onLoadMore!();
-      return true;
-    }
-
-    return false;
-  }
-
-  @override
-  void dispose() {
-    _scrollController
-      ..removeListener(_onScroll)
-      ..dispose();
-    super.dispose();
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    final itemCount = widget.communities.length + (widget.isLoadingMore ? 1 : 0);
-
-    return SingleChildScrollView(
-      scrollDirection: Axis.horizontal,
-      child: SizedBox(
-        width: context.screenWidth * 0.5,
-        child: Scrollbar(
-          scrollbarOrientation: ScrollbarOrientation.left,
-          thumbVisibility: true,
-          controller: _scrollController,
-          child: NotificationListener<ScrollEndNotification>(
-            onNotification: _onNotification,
-            child: ListView.builder(
-              shrinkWrap: true,
-              padding: const EdgeInsetsDirectional.only(start: 16),
-              itemCount: itemCount,
-              controller: _scrollController,
-              itemBuilder: (context, index) {
-                if (index == widget.communities.length) {
-                  return const Padding(
-                    padding: EdgeInsets.all(16.0),
-                    child: Center(
-                      child: CircularProgressIndicator(),
-                    ),
-                  );
-                }
-
-                return widget.itemBuilder(context, index);
-              },
-            ),
-          ),
-        ),
-      ),
-    );
-  }
-}

lib/pages/space_management_v2/modules/communities/presentation/widgets/space_management_sidebar_header.dart

@@ -1,52 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:syncrow_web/pages/space_management_v2/main_module/shared/helpers/space_management_community_dialog_helper.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/communities_tree_selection_bloc/communities_tree_selection_bloc.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/widgets/space_management_sidebar_add_community_button.dart';
-import 'package:syncrow_web/utils/color_manager.dart';
-import 'package:syncrow_web/utils/extension/build_context_x.dart';
-import 'package:syncrow_web/utils/style.dart';
-
-class SpaceManagementSidebarHeader extends StatelessWidget {
-  const SpaceManagementSidebarHeader({super.key});
-
-  @override
-  Widget build(BuildContext context) {
-    return Container(
-      decoration: subSectionContainerDecoration,
-      padding: const EdgeInsets.all(16),
-      child: Row(
-        mainAxisAlignment: MainAxisAlignment.spaceBetween,
-        children: [
-          Text(
-            'Communities',
-            style: context.textTheme.titleMedium?.copyWith(
-              color: ColorsManager.blackColor,
-            ),
-          ),
-          SpaceManagementSidebarAddCommunityButton(
-            onTap: () => _onAddCommunity(context),
-          ),
-        ],
-      ),
-    );
-  }
-
-  void _onAddCommunity(BuildContext context) {
-    final bloc = context.read<CommunitiesTreeSelectionBloc>();
-    final selectedCommunity = bloc.state.selectedCommunity;
-    final isSelected = selectedCommunity?.uuid.isNotEmpty ?? false;
-
-    if (isSelected) {
-      _clearSelection(context);
-    } else {
-      SpaceManagementCommunityDialogHelper.showCreateDialog(context);
-    }
-  }
-
-  void _clearSelection(BuildContext context) {
-    context.read<CommunitiesTreeSelectionBloc>().add(
-          const ClearCommunitiesTreeSelectionEvent(),
-        );
-  }
-}

lib/pages/space_management_v2/modules/communities/presentation/widgets/space_tile.dart

@@ -1,54 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:syncrow_web/common/widgets/custom_expansion_tile.dart';
-
-class SpaceTile extends StatefulWidget {
-  final String title;
-  final bool isSelected;
-  final bool initiallyExpanded;
-  final ValueChanged<bool> onExpansionChanged;
-  final List<Widget>? children;
-  final void Function() onItemSelected;
-
-  const SpaceTile({
-    super.key,
-    required this.title,
-    required this.initiallyExpanded,
-    required this.onExpansionChanged,
-    required this.onItemSelected,
-    required this.isSelected,
-    this.children,
-  });
-
-  @override
-  State<SpaceTile> createState() => _SpaceTileState();
-}
-
-class _SpaceTileState extends State<SpaceTile> {
-  late bool _isExpanded;
-
-  @override
-  void initState() {
-    super.initState();
-    _isExpanded = widget.initiallyExpanded;
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return Padding(
-      padding: const EdgeInsets.only(left: 8.0, right: 8.0, top: 8.0),
-      child: CustomExpansionTile(
-        isSelected: widget.isSelected,
-        title: widget.title,
-        initiallyExpanded: _isExpanded,
-        onItemSelected: widget.onItemSelected,
-        onExpansionChanged: (bool expanded) {
-          setState(() {
-            _isExpanded = expanded;
-          });
-          widget.onExpansionChanged(expanded);
-        },
-        children: widget.children ?? [],
-      ),
-    );
-  }
-}

lib/pages/space_management_v2/modules/create_community/data/services/remote_create_community_service.dart

@@ -1,5 +1,4 @@
 import 'package:dio/dio.dart';
-import 'package:syncrow_web/pages/common/bloc/project_manager.dart';
 import 'package:syncrow_web/pages/space_management_v2/modules/communities/domain/models/community_model.dart';
 import 'package:syncrow_web/pages/space_management_v2/modules/create_community/domain/param/create_community_param.dart';
 import 'package:syncrow_web/pages/space_management_v2/modules/create_community/domain/services/create_community_service.dart';
@@ -17,51 +16,24 @@ class RemoteCreateCommunityService implements CreateCommunityService {
   Future<CommunityModel> createCommunity(CreateCommunityParam param) async {
     try {
       final response = await _httpService.post(
-        path: await _makeUrl(),
+        path: 'endpoint',
-        body: {
+        expectedResponseModel: (data) => CommunityModel.fromJson(
-          'name': param.name,
+          data as Map<String, dynamic>,
-          'description': param.description,
+        ),
-        },
-        expectedResponseModel: (data) {
-          final json = data as Map<String, dynamic>;
-          if (json['success'] == true) {
-            return CommunityModel.fromJson(
-              json['data'] as Map<String, dynamic>,
-            );
-          }
-          return null;
-        },
       );
-
-      if (response == null) {
-        throw APIException(
-          _getErrorMessageFromBody(response as Map<String, dynamic>?),
-        );
-      }
       return response;
     } on DioException catch (e) {
       final message = e.response?.data as Map<String, dynamic>?;
-      throw APIException(_getErrorMessageFromBody(message));
+      final error = message?['error'] as Map<String, dynamic>?;
+      final errorMessage = error?['error'] as String? ?? '';
+      final formattedErrorMessage = [
+        _defaultErrorMessage,
+        errorMessage,
+      ].join(': ');
+      throw APIException(formattedErrorMessage);
     } catch (e) {
       final formattedErrorMessage = [_defaultErrorMessage, '$e'].join(': ');
       throw APIException(formattedErrorMessage);
     }
   }
-
-  String _getErrorMessageFromBody(Map<String, dynamic>? body) {
-    if (body == null) {
-      return _defaultErrorMessage;
-    }
-    final error = body['error'] as Map<String, dynamic>?;
-    final errorMessage = error?['message'] as String? ?? '';
-    return errorMessage;
-  }
-
-  Future<String> _makeUrl() async {
-    final projectUuid = await ProjectManager.getProjectUUID();
-    if (projectUuid == null) {
-      throw APIException('Project UUID is not set');
-    }
-    return '/projects/$projectUuid/communities';
-  }
 }

lib/pages/space_management_v2/modules/create_community/domain/param/create_community_param.dart

@@ -1,13 +1,9 @@
 import 'package:equatable/equatable.dart';
 
 class CreateCommunityParam extends Equatable {
-  const CreateCommunityParam({
+  const CreateCommunityParam({required this.name});
-    required this.name,
+  
-    this.description = '',
-  });
-
   final String name;
-  final String description;
 
   @override
   List<Object> get props => [name];

lib/pages/space_management_v2/modules/create_community/presentation/create_community_dialog.dart

@@ -1,58 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/domain/models/community_model.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/create_community/data/services/remote_create_community_service.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/create_community/presentation/bloc/create_community_bloc.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/create_community/presentation/create_community_dialog_widget.dart';
-import 'package:syncrow_web/services/api/http_service.dart';
-
-class CreateCommunityDialog extends StatelessWidget {
-  final void Function(CommunityModel community) onCreateCommunity;
-  final String? initialName;
-  final Widget title;
-
-  const CreateCommunityDialog({
-    super.key,
-    required this.onCreateCommunity,
-    required this.title,
-    this.initialName,
-  });
-
-  @override
-  Widget build(BuildContext context) {
-    return BlocProvider(
-      create: (_) => CreateCommunityBloc(RemoteCreateCommunityService(HTTPService())),
-      child: BlocListener<CreateCommunityBloc, CreateCommunityState>(
-        listener: (context, state) {
-          switch (state) {
-            case CreateCommunityLoading():
-              showDialog<void>(
-                context: context,
-                builder: (context) => const Center(
-                  child: CircularProgressIndicator(),
-                ),
-              );
-              break;
-            case CreateCommunitySuccess(:final community):
-              Navigator.of(context).pop();
-              Navigator.of(context).pop();
-              ScaffoldMessenger.of(context).showSnackBar(
-                const SnackBar(content: Text('Community created successfully')),
-              );
-              onCreateCommunity.call(community);
-              break;
-            case CreateCommunityFailure():
-              Navigator.of(context).pop();
-              break;
-            default:
-              break;
-          }
-        },
-        child: CreateCommunityDialogWidget(
-          title: title,
-          initialName: initialName,
-        ),
-      ),
-    );
-  }
-}

lib/pages/space_management_v2/modules/create_community/presentation/create_community_dialog_widget.dart

@@ -1,144 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:syncrow_web/pages/common/buttons/cancel_button.dart';
-import 'package:syncrow_web/pages/common/buttons/default_button.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/create_community/domain/param/create_community_param.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/create_community/presentation/bloc/create_community_bloc.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/create_community/presentation/create_community_name_text_field.dart';
-import 'package:syncrow_web/utils/color_manager.dart';
-
-class CreateCommunityDialogWidget extends StatefulWidget {
-  final String? initialName;
-  final Widget title;
-
-  const CreateCommunityDialogWidget({
-    super.key,
-    required this.title,
-    this.initialName,
-  });
-
-  @override
-  State<CreateCommunityDialogWidget> createState() =>
-      _CreateCommunityDialogWidgetState();
-}
-
-class _CreateCommunityDialogWidgetState extends State<CreateCommunityDialogWidget> {
-  late final TextEditingController _nameController;
-
-  @override
-  void initState() {
-    _nameController = TextEditingController(text: widget.initialName ?? '');
-    super.initState();
-  }
-
-  @override
-  void dispose() {
-    _nameController.dispose();
-    super.dispose();
-  }
-
-  final _formKey = GlobalKey<FormState>();
-  @override
-  Widget build(BuildContext context) {
-    return Dialog(
-      shape: RoundedRectangleBorder(
-        borderRadius: BorderRadius.circular(20),
-      ),
-      backgroundColor: ColorsManager.transparentColor,
-      child: Container(
-        width: MediaQuery.of(context).size.width * 0.3,
-        padding: const EdgeInsets.all(20),
-        decoration: BoxDecoration(
-          color: ColorsManager.whiteColors,
-          borderRadius: BorderRadius.circular(20),
-          boxShadow: [
-            BoxShadow(
-              color: ColorsManager.blackColor.withValues(alpha: 0.25),
-              blurRadius: 20,
-              spreadRadius: 5,
-              offset: const Offset(0, 5),
-            ),
-          ],
-        ),
-        child: Form(
-          key: _formKey,
-          child: SingleChildScrollView(
-            child: BlocBuilder<CreateCommunityBloc, CreateCommunityState>(
-              builder: (context, state) {
-                return Column(
-                  mainAxisSize: MainAxisSize.min,
-                  crossAxisAlignment: CrossAxisAlignment.start,
-                  children: [
-                    DefaultTextStyle(
-                      style: Theme.of(context).textTheme.headlineMedium!,
-                      child: widget.title,
-                    ),
-                    const SizedBox(height: 18),
-                    CreateCommunityNameTextField(
-                      nameController: _nameController,
-                    ),
-                    if (state case CreateCommunityFailure(:final message))
-                      Padding(
-                        padding: const EdgeInsets.only(top: 18),
-                        child: SelectableText(
-                          '* $message',
-                          style: Theme.of(context).textTheme.bodyMedium?.copyWith(
-                                color: Theme.of(context).colorScheme.error,
-                              ),
-                        ),
-                      ),
-                    const SizedBox(height: 24),
-                    _buildActionButtons(context),
-                  ],
-                );
-              },
-            ),
-          ),
-        ),
-      ),
-    );
-  }
-
-  Widget _buildActionButtons(BuildContext context) {
-    return Row(
-      mainAxisAlignment: MainAxisAlignment.spaceBetween,
-      children: [
-        Expanded(
-          child: CancelButton(
-            label: 'Cancel',
-            onPressed: () => Navigator.of(context).pop(),
-          ),
-        ),
-        const SizedBox(width: 16),
-        _buildCreateCommunityButton(context),
-      ],
-    );
-  }
-
-  Widget _buildCreateCommunityButton(BuildContext context) {
-    return Expanded(
-      child: DefaultButton(
-        onPressed: () {
-          if (_formKey.currentState?.validate() ?? false) {
-            _onSubmit(context);
-          }
-        },
-        borderRadius: 10,
-        foregroundColor: ColorsManager.whiteColors,
-        child: const Text('OK'),
-      ),
-    );
-  }
-
-  void _onSubmit(BuildContext context) {
-    if (_formKey.currentState?.validate() ?? false) {
-      context.read<CreateCommunityBloc>().add(
-            CreateCommunity(
-              CreateCommunityParam(
-                name: _nameController.text.trim(),
-              ),
-            ),
-          );
-    }
-  }
-}

lib/pages/space_management_v2/modules/create_community/presentation/create_community_name_text_field.dart

@@ -1,48 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:syncrow_web/utils/color_manager.dart';
-import 'package:syncrow_web/utils/extension/build_context_x.dart';
-
-class CreateCommunityNameTextField extends StatelessWidget {
-  const CreateCommunityNameTextField({
-    required this.nameController,
-    super.key,
-  });
-
-  final TextEditingController nameController;
-
-  @override
-  Widget build(BuildContext context) {
-    return TextFormField(
-      controller: nameController,
-      validator: _validator,
-      style: context.textTheme.bodyMedium,
-      decoration: InputDecoration(
-        hintText: 'Please enter the community name',
-        filled: true,
-        fillColor: ColorsManager.boxColor,
-        enabledBorder: _buildBorder(ColorsManager.boxColor),
-        focusedBorder: _buildBorder(),
-        focusedErrorBorder: _buildBorder(Theme.of(context).colorScheme.error),
-        errorBorder: _buildBorder(Theme.of(context).colorScheme.error),
-      ),
-    );
-  }
-
-  String? _validator(String? value) {
-    if (value == null || value.isEmpty) {
-      return '*Name should not be empty.';
-    }
-
-    return null;
-  }
-
-  InputBorder _buildBorder([Color? color]) {
-    return OutlineInputBorder(
-      borderRadius: BorderRadius.circular(10),
-      borderSide: BorderSide(
-        color: color ?? ColorsManager.vividBlue.withValues(alpha: 0.5),
-        width: 1,
-      ),
-    );
-  }
-}

lib/pages/spaces_management/all_spaces/widgets/space_tile_widget.dart

@@ -4,10 +4,11 @@ import 'package:syncrow_web/common/widgets/custom_expansion_tile.dart';
 class SpaceTile extends StatefulWidget {
   final String title;
   final bool isSelected;
+
   final bool initiallyExpanded;
   final ValueChanged<bool> onExpansionChanged;
   final List<Widget>? children;
-  final void Function() onItemSelected;
+  final Function() onItemSelected;
 
   const SpaceTile({
     super.key,

lib/services/devices_mang_api.dart

@@ -1,4 +1,3 @@
-import 'dart:convert';
 import 'dart:core';
 import 'package:flutter/material.dart';
 import 'package:syncrow_web/pages/device_managment/all_devices/models/device_reports.dart';
@@ -387,34 +386,4 @@ class DevicesManagementApi {
     );
     return response;
   }
-
-  Future<bool> postSchedule({
-    required String category,
-    required String deviceId,
-    required String time,
-    required String code,
-    required bool value,
-    required List<String> days,
-  }) async {
-    final response = await HTTPService().post(
-      path: ApiEndpoints.saveSchedule.replaceAll('{deviceUuid}', deviceId),
-      showServerMessage: false,
-      body: jsonEncode(
-        {
-          'category': category,
-          'time': time,
-          'function': {
-            'code': code,
-            'value': value,
-          },
-          'days': days
-        },
-      ),
-      expectedResponseModel: (json) {
-        return json['success'] ?? false;
-      },
-    );
-    return response;
-  }
-
 }

lib/utils/constants/api_const.dart

@@ -46,7 +46,6 @@ abstract class ApiEndpoints {
 // Community Module
   static const String createCommunity = '/projects/{projectId}/communities';
   static const String getCommunityList = '/projects/{projectId}/communities';
-  static const String getCommunityListv2 = '/projects/{projectId}/communities/v2';
   static const String getCommunityById =
       '/projects/{projectId}/communities/{communityId}';
   static const String updateCommunity =
@@ -137,5 +136,4 @@ abstract class ApiEndpoints {
 
   static const String assignDeviceToRoom =
       '/projects/{projectUuid}/communities/{communityUuid}/spaces/{spaceUuid}/subspaces/{subSpaceUuid}/devices/{deviceUuid}';
-  static const String saveSchedule = '/schedule/{deviceUuid}';
 }