refactor: Convert AttendanceFilterBottomSheet to StatefulWidget and enhance state management

lib/model/attendance/attendence_filter_sheet.dart

@@ -5,7 +5,7 @@ import 'package:intl/intl.dart';
 import 'package:marco/helpers/widgets/my_text.dart';
 import 'package:marco/helpers/utils/permission_constants.dart';
 
-class AttendanceFilterBottomSheet extends StatelessWidget {
+class AttendanceFilterBottomSheet extends StatefulWidget {
   final AttendanceController controller;
   final PermissionController permissionController;
   final String selectedTab;
@@ -17,56 +17,53 @@ class AttendanceFilterBottomSheet extends StatelessWidget {
     required this.selectedTab,
   });
 
+  @override
+  _AttendanceFilterBottomSheetState createState() =>
+      _AttendanceFilterBottomSheetState();
+}
+
+class _AttendanceFilterBottomSheetState
+    extends State<AttendanceFilterBottomSheet> {
+  late String? tempSelectedProjectId;
+  late String tempSelectedTab;
+  bool showProjectList = false;
+
+  @override
+  void initState() {
+    super.initState();
+    tempSelectedProjectId = widget.controller.selectedProjectId;
+    tempSelectedTab = widget.selectedTab;
+  }
+
   String getLabelText() {
-    final startDate = controller.startDateAttendance;
-    final endDate = controller.endDateAttendance;
+    final startDate = widget.controller.startDateAttendance;
+    final endDate = widget.controller.endDateAttendance;
     if (startDate != null && endDate != null) {
-      final start = DateFormat('dd MM yyyy').format(startDate);
-      final end = DateFormat('dd MM yyyy').format(endDate);
+      final start = DateFormat('dd/MM/yyyy').format(startDate);
+      final end = DateFormat('dd/MM/yyyy').format(endDate);
       return "$start - $end";
     }
     return "Date Range";
   }
 
-  @override
-  Widget build(BuildContext context) {
-    String? tempSelectedProjectId = controller.selectedProjectId;
-    String tempSelectedTab = selectedTab;
-    bool showProjectList = false;
-
-    final accessibleProjects = controller.projects
+  List<Widget> buildProjectList() {
+    final accessibleProjects = widget.controller.projects
         .where((project) =>
-            permissionController.isUserAssignedToProject(project.id.toString()))
+            widget.permissionController.isUserAssignedToProject(
+                project.id.toString()))
         .toList();
 
-    bool hasRegularizationPermission =
-        permissionController.hasPermission(Permissions.regularizeAttendance);
-    final viewOptions = [
-      {'label': 'Today\'s Attendance', 'value': 'todaysAttendance'},
-      {'label': 'Attendance Logs', 'value': 'attendanceLogs'},
-      {'label': 'Regularization Requests', 'value': 'regularizationRequests'},
-    ];
-    final filteredViewOptions = viewOptions.where((item) {
-      if (item['value'] == 'regularizationRequests') {
-        return hasRegularizationPermission;
-      }
-      return true;
-    }).toList();
-
-    return StatefulBuilder(builder: (context, setState) {
-      List<Widget> filterWidgets;
-
-      if (showProjectList) {
-        filterWidgets = accessibleProjects.isEmpty
-            ? [
+    if (accessibleProjects.isEmpty) {
+      return [
         const Padding(
           padding: EdgeInsets.all(12.0),
           child: Center(child: Text('No Projects Assigned')),
         ),
-              ]
-            : accessibleProjects.map((project) {
-                final isSelected =
-                    tempSelectedProjectId == project.id.toString();
+      ];
+    }
+
+    return accessibleProjects.map((project) {
+      final isSelected = tempSelectedProjectId == project.id.toString();
       return ListTile(
         dense: true,
         contentPadding: const EdgeInsets.symmetric(horizontal: 16),
@@ -80,7 +77,15 @@ class AttendanceFilterBottomSheet extends StatelessWidget {
         },
       );
     }).toList();
-      } else {
+  }
+
+  List<Widget> buildMainFilters() {
+    final accessibleProjects = widget.controller.projects
+        .where((project) =>
+            widget.permissionController.isUserAssignedToProject(
+                project.id.toString()))
+        .toList();
+
     final selectedProject = accessibleProjects.isNotEmpty
         ? accessibleProjects.firstWhere(
             (p) => p.id.toString() == tempSelectedProjectId,
@@ -90,7 +95,23 @@ class AttendanceFilterBottomSheet extends StatelessWidget {
 
     final selectedProjectName = selectedProject?.name ?? "Select Project";
 
-        filterWidgets = [
+    final hasRegularizationPermission = widget.permissionController
+        .hasPermission(Permissions.regularizeAttendance);
+
+    final viewOptions = [
+      {'label': 'Today\'s Attendance', 'value': 'todaysAttendance'},
+      {'label': 'Attendance Logs', 'value': 'attendanceLogs'},
+      {'label': 'Regularization Requests', 'value': 'regularizationRequests'},
+    ];
+
+    final filteredViewOptions = viewOptions.where((item) {
+      if (item['value'] == 'regularizationRequests') {
+        return hasRegularizationPermission;
+      }
+      return true;
+    }).toList();
+
+    List<Widget> widgets = [
       Padding(
         padding: const EdgeInsets.fromLTRB(16, 12, 16, 4),
         child: Align(
@@ -132,7 +153,7 @@ class AttendanceFilterBottomSheet extends StatelessWidget {
     ];
 
     if (tempSelectedTab == 'attendanceLogs') {
-          filterWidgets.addAll([
+      widgets.addAll([
         const Divider(),
         Padding(
           padding: const EdgeInsets.fromLTRB(16, 12, 16, 4),
@@ -148,13 +169,13 @@ class AttendanceFilterBottomSheet extends StatelessWidget {
           padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
           child: InkWell(
             borderRadius: BorderRadius.circular(10),
-                onTap: () => controller.selectDateRangeForAttendance(
+            onTap: () => widget.controller.selectDateRangeForAttendance(
               context,
-                  controller,
+              widget.controller,
             ),
             child: Ink(
               decoration: BoxDecoration(
-                    color: const Color.fromARGB(255, 255, 255, 255),
+                color: Colors.white,
                 border: Border.all(color: Colors.grey.shade400),
                 borderRadius: BorderRadius.circular(10),
               ),
@@ -162,8 +183,7 @@ class AttendanceFilterBottomSheet extends StatelessWidget {
                   const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
               child: Row(
                 children: [
-                      Icon(Icons.date_range,
-                          color: const Color.fromARGB(255, 9, 9, 9)),
+                  Icon(Icons.date_range, color: Colors.black87),
                   const SizedBox(width: 12),
                   Expanded(
                     child: Text(
@@ -176,8 +196,7 @@ class AttendanceFilterBottomSheet extends StatelessWidget {
                       overflow: TextOverflow.ellipsis,
                     ),
                   ),
-                      const Icon(Icons.arrow_drop_down,
-                          color: Color.fromARGB(255, 0, 0, 0)),
+                  const Icon(Icons.arrow_drop_down, color: Colors.black87),
                 ],
               ),
             ),
@@ -185,16 +204,19 @@ class AttendanceFilterBottomSheet extends StatelessWidget {
         ),
       ]);
     }
+
+    return widgets;
   }
 
+  @override
+  Widget build(BuildContext context) {
     return Padding(
-        padding: EdgeInsets.only(
-          bottom: MediaQuery.of(context).viewInsets.bottom,
-        ),
+      padding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),
       child: SingleChildScrollView(
         child: Column(
           mainAxisSize: MainAxisSize.min,
           children: [
+            // Drag handle
             Padding(
               padding: const EdgeInsets.only(top: 12, bottom: 8),
               child: Center(
@@ -208,11 +230,10 @@ class AttendanceFilterBottomSheet extends StatelessWidget {
                 ),
               ),
             ),
-              ...filterWidgets,
+            if (showProjectList) ...buildProjectList() else ...buildMainFilters(),
             const Divider(),
             Padding(
-                padding:
-                    const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
+              padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
               child: SizedBox(
                 width: double.infinity,
                 child: ElevatedButton(
@@ -237,6 +258,5 @@ class AttendanceFilterBottomSheet extends StatelessWidget {
         ),
       ),
     );
-    });
   }
 }