first commit

lib/Screens/hrm/reports/attandence_report.dart

@@ -0,0 +1,378 @@
+// File: attendance_reports.dart (Final Code with Search)
+
+import 'package:flutter/material.dart';
+import 'package:flutter_feather_icons/flutter_feather_icons.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:intl/intl.dart';
+import 'package:mobile_pos/generated/l10n.dart' as lang;
+import 'package:hugeicons/hugeicons.dart'; // HugeIcons Import
+
+// --- Local Imports ---
+import 'package:mobile_pos/Screens/hrm/widgets/filter_dropdown.dart';
+import 'package:mobile_pos/Screens/hrm/widgets/model_bottom_sheet.dart';
+import 'package:mobile_pos/constant.dart';
+
+// --- Data Layer Imports ---
+import 'package:mobile_pos/Screens/hrm/employee/provider/emplpyee_list_provider.dart';
+import '../attendance/model/attendence_list_model.dart';
+import '../attendance/provider/attendence_provider.dart';
+
+class AttendanceReports extends ConsumerStatefulWidget {
+  const AttendanceReports({super.key});
+
+  @override
+  ConsumerState<AttendanceReports> createState() => _AttendanceReportsState();
+}
+
+class _AttendanceReportsState extends ConsumerState<AttendanceReports> {
+  // --- Filter State ---
+  String? _selectedEmployeeFilter;
+  String? _selectedTimeFilter;
+
+  List<AttendanceData> _filteredList = [];
+  final TextEditingController _searchController = TextEditingController();
+  bool _isSearch = false; // State to manage search bar visibility
+
+  final List<String> _timeFilters = ['Today', 'Weekly', 'Monthly', 'Yearly'];
+
+  @override
+  void initState() {
+    super.initState();
+    _searchController.addListener(_applyFilters); // Listen to search input changes
+    _selectedEmployeeFilter = 'All Employee';
+    _selectedTimeFilter = 'Today';
+  }
+
+  @override
+  void dispose() {
+    _searchController.removeListener(_applyFilters);
+    _searchController.dispose();
+    super.dispose();
+  }
+
+  // --- Filtering Logic ---
+
+  void _applyFilters() {
+    // This is called when dropdowns or the search bar input changes
+    setState(() {});
+  }
+
+  void _filterAttendance(List<AttendanceData> allAttendance) {
+    final query = _searchController.text.toLowerCase().trim();
+
+    _filteredList = allAttendance.where((att) {
+      final employeeName = (att.employee?.name ?? '').toLowerCase();
+      final date = (att.date ?? '').toLowerCase();
+      final timeIn = (att.timeIn ?? '').toLowerCase();
+      final timeOut = (att.timeOut ?? '').toLowerCase();
+
+      // 1. Search Query Filter (Checks Employee, Date, Time In, Time Out)
+      final matchesQuery = query.isEmpty ||
+          employeeName.contains(query) ||
+          date.contains(query) ||
+          timeIn.contains(query) ||
+          timeOut.contains(query);
+
+      if (!matchesQuery) return false;
+
+      // 2. Employee Filter
+      final employeeNameMatches =
+          _selectedEmployeeFilter == 'All Employee' || employeeName.contains(_selectedEmployeeFilter!.toLowerCase());
+
+      // 3. Time Filter (Simplified date logic)
+      bool timeMatches = true;
+      final today = DateFormat('yyyy-MM-dd').format(DateTime.now());
+
+      if (_selectedTimeFilter == 'Today') {
+        timeMatches = att.date == today;
+      }
+      // NOTE: Other time filters are just placeholders now.
+
+      return employeeNameMatches && timeMatches;
+    }).toList();
+  }
+
+  // --- Utility Functions ---
+
+  String _formatTimeForDisplay(String? time) {
+    if (time == null) return 'N/A';
+    try {
+      final dateTime = DateFormat('H:m:s').parse(time);
+      return DateFormat('hh:mm a').format(dateTime);
+    } catch (_) {
+      return time;
+    }
+  }
+
+  String _formatDateForDisplay(String? date) {
+    if (date == null) return 'N/A';
+    try {
+      final dateTime = DateFormat('yyyy-MM-dd').parse(date);
+      return DateFormat('dd MMM yyyy').format(dateTime);
+    } catch (_) {
+      return date;
+    }
+  }
+
+  Future<void> _refreshData() async {
+    ref.invalidate(attendanceListProvider);
+    return ref.watch(attendanceListProvider.future);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final _lang = lang.S.of(context);
+    final theme = Theme.of(context);
+    final attendanceAsync = ref.watch(attendanceListProvider);
+    final employeesAsync = ref.watch(employeeListProvider);
+
+    final combinedAsync = attendanceAsync.asData != null && employeesAsync.asData != null
+        ? AsyncValue.data(true)
+        : attendanceAsync.hasError || employeesAsync.hasError
+            ? AsyncValue.error(attendanceAsync.error ?? employeesAsync.error!, StackTrace.current)
+            : const AsyncValue.loading();
+
+    return Scaffold(
+      backgroundColor: Colors.white,
+      appBar: AppBar(
+        centerTitle: true,
+        // *** SEARCH IMPLEMENTATION ***
+        title: _isSearch
+            ? TextField(
+                autofocus: true,
+                controller: _searchController,
+                decoration: InputDecoration(
+                  hintText: '${lang.S.of(context).searchAttendance}...',
+                  border: InputBorder.none,
+                  suffixIcon: Icon(
+                    FeatherIcons.search,
+                    // size: 18,
+                    color: kNeutral800,
+                  ),
+                ),
+              )
+            : Text(lang.S.of(context).attendanceReport),
+        actions: [
+          IconButton(
+            icon: Icon(
+              _isSearch ? Icons.close : FeatherIcons.search,
+              color: _isSearch ? kMainColor : kNeutral800,
+              size: _isSearch ? null : 22,
+            ),
+            onPressed: () {
+              setState(() {
+                _isSearch = !_isSearch;
+                if (!_isSearch) {
+                  _searchController.clear();
+                  _applyFilters(); // Re-apply filters when search is closed
+                }
+              });
+            },
+          ),
+        ],
+        // *** END SEARCH IMPLEMENTATION ***
+        bottom: PreferredSize(
+            preferredSize: const Size.fromHeight(65),
+            child: Column(
+              children: [
+                const Divider(thickness: 1.5, color: kBackgroundColor, height: 1),
+                Padding(
+                  padding: const EdgeInsets.fromLTRB(16, 10, 16, 13),
+                  child: Row(
+                    children: [
+                      // Employee Filter
+                      Expanded(
+                        flex: 6,
+                        child: FilterDropdownButton<String>(
+                          value: _selectedEmployeeFilter,
+                          items: [
+                            DropdownMenuItem(value: 'All Employee', child: Text(lang.S.of(context).allEmployee)),
+                            ...(employeesAsync.value?.employees ?? [])
+                                .map((e) => DropdownMenuItem(value: e.name, child: Text(e.name ?? 'Unknown')))
+                                .toList(),
+                          ]
+                              .map((item) => item.value != null
+                                  ? DropdownMenuItem(
+                                      value: item.value,
+                                      child: Text(item.value!,
+                                          style: theme.textTheme.bodyLarge?.copyWith(color: kNeutral800),
+                                          maxLines: 1,
+                                          overflow: TextOverflow.ellipsis),
+                                    )
+                                  : item)
+                              .toList(),
+                          onChanged: (String? value) {
+                            setState(() {
+                              _selectedEmployeeFilter = value;
+                              _applyFilters();
+                            });
+                          },
+                        ),
+                      ),
+                      const SizedBox(width: 10),
+                      // Time Filter
+                      Expanded(
+                        flex: 4,
+                        child: FilterDropdownButton<String>(
+                          buttonDecoration: BoxDecoration(
+                            color: kBackgroundColor,
+                            borderRadius: BorderRadius.circular(5),
+                            border: Border.all(color: kBorderColor),
+                          ),
+                          value: _selectedTimeFilter,
+                          items: _timeFilters.map((entry) {
+                            return DropdownMenuItem(
+                              value: entry,
+                              child: Text(entry,
+                                  style: theme.textTheme.bodyLarge?.copyWith(color: kNeutral800),
+                                  maxLines: 1,
+                                  overflow: TextOverflow.ellipsis),
+                            );
+                          }).toList(),
+                          onChanged: (String? value) {
+                            setState(() {
+                              _selectedTimeFilter = value;
+                              _applyFilters();
+                            });
+                          },
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+                const Divider(thickness: 1.5, color: kBackgroundColor, height: 1),
+              ],
+            )),
+      ),
+
+      // Body handles loading/error and displays filtered list
+      body: combinedAsync.when(
+        loading: () => const Center(child: CircularProgressIndicator()),
+        error: (err, stack) => Center(child: Text('Error: Failed to load reports.')),
+        data: (_) {
+          _filterAttendance(attendanceAsync.value?.data ?? []);
+
+          if (_filteredList.isEmpty) {
+            return RefreshIndicator(
+              onRefresh: _refreshData,
+              child: Center(
+                child: SingleChildScrollView(
+                  physics: AlwaysScrollableScrollPhysics(),
+                  child: Text(
+                    lang.S.of(context).noAttendanceRecordFound,
+                  ),
+                ),
+              ),
+            );
+          }
+
+          return RefreshIndicator(
+            onRefresh: _refreshData,
+            child: ListView.separated(
+              padding: EdgeInsets.zero,
+              itemCount: _filteredList.length,
+              separatorBuilder: (_, __) => const Divider(color: kBackgroundColor, height: 1.5),
+              itemBuilder: (_, index) => _buildReportItem(context, _filteredList[index]),
+            ),
+          );
+        },
+      ),
+    );
+  }
+
+  // --- List Item Builder (Unchanged) ---
+
+  Widget _buildReportItem(BuildContext context, AttendanceData attendance) {
+    final theme = Theme.of(context);
+    final timeInDisplay = _formatTimeForDisplay(attendance.timeIn);
+    final timeOutDisplay = _formatTimeForDisplay(attendance.timeOut);
+    final dateDisplay = _formatDateForDisplay(attendance.date);
+
+    return InkWell(
+      onTap: () => viewModalSheet(
+        context: context,
+        item: {
+          lang.S.of(context).employee: attendance.employee?.name ?? 'N/A',
+          lang.S.of(context).shift: attendance.shift?.name ?? 'N/A',
+          lang.S.of(context).month: attendance.month ?? 'N/A',
+          lang.S.of(context).date: dateDisplay,
+          lang.S.of(context).timeIn: timeInDisplay,
+          lang.S.of(context).timeOut: timeOutDisplay,
+        },
+        description: attendance.note,
+      ),
+      child: Padding(
+        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 13.5),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  attendance.employee?.name ?? 'N/A Employee',
+                  style: theme.textTheme.titleMedium?.copyWith(
+                    fontWeight: FontWeight.w600,
+                  ),
+                ),
+                const SizedBox(height: 8),
+                Text(
+                  dateDisplay,
+                  style: theme.textTheme.bodyMedium?.copyWith(color: kNeutral800),
+                ),
+              ],
+            ),
+            const SizedBox(height: 20),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                _buildValueColumn(
+                  value: timeInDisplay,
+                  label: lang.S.of(context).timeIn,
+                  theme: theme,
+                ),
+                _buildValueColumn(
+                  value: timeOutDisplay,
+                  label: lang.S.of(context).timeOut,
+                  theme: theme,
+                ),
+                _buildValueColumn(
+                  value: attendance.duration ?? 'N/A',
+                  label: lang.S.of(context).duration,
+                  theme: theme,
+                ),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildValueColumn({
+    required String value,
+    required String label,
+    required ThemeData theme,
+    Color? titleColor,
+  }) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.center,
+      children: [
+        Text(
+          value,
+          style: theme.textTheme.titleMedium?.copyWith(
+            fontWeight: FontWeight.w600,
+            color: titleColor ?? kTitleColor,
+          ),
+        ),
+        const SizedBox(height: 6),
+        Text(
+          label,
+          style: theme.textTheme.bodyMedium?.copyWith(
+            color: kNeutral800,
+          ),
+        ),
+      ],
+    );
+  }
+}

lib/Screens/hrm/reports/leave_reports.dart

@@ -0,0 +1,395 @@
+// File: leave_reports.dart (Final Code)
+
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:hugeicons/hugeicons.dart';
+import 'package:flutter_feather_icons/flutter_feather_icons.dart';
+import 'package:intl/intl.dart';
+// --- Local Imports ---
+import 'package:mobile_pos/Screens/hrm/widgets/filter_dropdown.dart';
+import 'package:mobile_pos/Screens/hrm/widgets/model_bottom_sheet.dart';
+import 'package:mobile_pos/constant.dart';
+import 'package:mobile_pos/generated/l10n.dart' as l;
+
+// --- Data Layer Imports ---
+import 'package:mobile_pos/Screens/hrm/leave_request/leave/model/leave_list_model.dart'; // LeaveRequestData model
+import 'package:mobile_pos/Screens/hrm/employee/provider/emplpyee_list_provider.dart'; // Employee List Provider
+import 'package:mobile_pos/Screens/hrm/employee/model/employee_list_model.dart';
+
+import '../leave_request/leave/provider/leave_list_provider.dart'; // EmployeeData model
+
+class LeaveReports extends ConsumerStatefulWidget {
+  const LeaveReports({super.key});
+
+  @override
+  ConsumerState<LeaveReports> createState() => _LeaveReportsState();
+}
+
+class _LeaveReportsState extends ConsumerState<LeaveReports> {
+  // --- Filter & Search State ---
+  String? _selectedEmployeeFilter;
+  String? _selectedMonthFilter;
+
+  List<LeaveRequestData> _filteredList = [];
+  final TextEditingController _searchController = TextEditingController();
+  bool _isSearch = false;
+
+  final List<String> _monthFilters = [
+    'All Month',
+    'January',
+    'February',
+    'March',
+    'April',
+    'May',
+    'June',
+    'July',
+    'August',
+    'September',
+    'October',
+    'November',
+    'December'
+  ];
+
+  @override
+  void initState() {
+    super.initState();
+    _searchController.addListener(_applyFilters);
+    _selectedEmployeeFilter = 'All Employee';
+    _selectedMonthFilter = 'All Month';
+  }
+
+  @override
+  void dispose() {
+    _searchController.removeListener(_applyFilters);
+    _searchController.dispose();
+    super.dispose();
+  }
+
+  // --- Filtering Logic ---
+
+  void _applyFilters() {
+    setState(() {}); // Trigger rebuild
+  }
+
+  void _filterLeaves(List<LeaveRequestData> allLeaves) {
+    final query = _searchController.text.toLowerCase().trim();
+
+    _filteredList = allLeaves.where((leave) {
+      final employeeName = (leave.employee?.name ?? '').toLowerCase();
+      final leaveType = (leave.leaveType?.name ?? '').toLowerCase();
+      final month = (leave.month ?? '').toLowerCase();
+      final status = (leave.status ?? '').toLowerCase();
+
+      // 1. Search Query Filter
+      final matchesQuery = query.isEmpty ||
+          employeeName.contains(query) ||
+          leaveType.contains(query) ||
+          month.contains(query) ||
+          status.contains(query);
+
+      if (!matchesQuery) return false;
+
+      // 2. Employee Filter
+      final employeeMatches =
+          _selectedEmployeeFilter == 'All Employee' || employeeName.contains(_selectedEmployeeFilter!.toLowerCase());
+
+      // 3. Month Filter
+      final monthMatches = _selectedMonthFilter == 'All Month' || month.startsWith(_selectedMonthFilter!.toLowerCase());
+
+      return employeeMatches && monthMatches;
+    }).toList();
+  }
+
+  // --- Utility Functions ---
+
+  Color _getStatusColor(String? status) {
+    switch (status?.toLowerCase()) {
+      case 'approved':
+        return kSuccessColor;
+      case 'rejected':
+        return Colors.red;
+      case 'pending':
+        return Colors.orange;
+      default:
+        return kNeutral800;
+    }
+  }
+
+  Future<void> _refreshData() async {
+    ref.invalidate(leaveRequestListProvider);
+    return ref.watch(leaveRequestListProvider.future);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final _lang = l.S.of(context);
+    final theme = Theme.of(context);
+    final leavesAsync = ref.watch(leaveRequestListProvider);
+    final employeesAsync = ref.watch(employeeListProvider);
+
+    final combinedAsync = leavesAsync.asData != null && employeesAsync.asData != null
+        ? AsyncValue.data(true)
+        : leavesAsync.hasError || employeesAsync.hasError
+            ? AsyncValue.error(leavesAsync.error ?? employeesAsync.error!, StackTrace.current)
+            : const AsyncValue.loading();
+
+    return Scaffold(
+      backgroundColor: Colors.white,
+      appBar: AppBar(
+        centerTitle: true,
+        // Search implementation
+        title: _isSearch
+            ? TextField(
+                autofocus: true,
+                controller: _searchController,
+                decoration: InputDecoration(
+                  hintText: '${_lang.searchLeave}...',
+                  border: InputBorder.none,
+                  suffixIcon: Icon(FeatherIcons.search, color: kNeutral800),
+                ),
+              )
+            : Text(_lang.leaveReports),
+        actions: [
+          IconButton(
+            icon: Icon(
+              _isSearch ? Icons.close : FeatherIcons.search,
+              color: _isSearch ? kMainColor : kNeutral800,
+              size: _isSearch ? null : 22,
+            ),
+            onPressed: () {
+              setState(() {
+                _isSearch = !_isSearch;
+                if (!_isSearch) {
+                  _searchController.clear();
+                  _applyFilters();
+                }
+              });
+            },
+          ),
+        ],
+        // Filter Dropdowns
+        bottom: PreferredSize(
+            preferredSize: const Size.fromHeight(65),
+            child: Column(
+              children: [
+                const Divider(thickness: 1.5, color: kBackgroundColor, height: 1),
+                Padding(
+                  padding: const EdgeInsets.fromLTRB(16, 10, 16, 13),
+                  child: Row(
+                    children: [
+                      // Employee Filter
+                      Expanded(
+                        flex: 6,
+                        child: FilterDropdownButton<String>(
+                          value: _selectedEmployeeFilter,
+                          items: [
+                            DropdownMenuItem(value: 'All Employee', child: Text(_lang.allEmployee)),
+                            ...(employeesAsync.value?.employees ?? [])
+                                .map((e) => DropdownMenuItem(value: e.name, child: Text(e.name ?? 'Unknown')))
+                                .toList(),
+                          ]
+                              .map((item) => item.value != null
+                                  ? DropdownMenuItem(
+                                      value: item.value,
+                                      child: Text(item.value!,
+                                          style: theme.textTheme.bodyLarge?.copyWith(color: kNeutral800),
+                                          maxLines: 1,
+                                          overflow: TextOverflow.ellipsis),
+                                    )
+                                  : item)
+                              .toList(),
+                          onChanged: (String? value) {
+                            setState(() {
+                              _selectedEmployeeFilter = value;
+                              _applyFilters();
+                            });
+                          },
+                        ),
+                      ),
+                      const SizedBox(width: 10),
+                      // Month Filter
+                      Expanded(
+                        flex: 4,
+                        child: FilterDropdownButton<String>(
+                          buttonDecoration: BoxDecoration(
+                            color: kBackgroundColor,
+                            borderRadius: BorderRadius.circular(5),
+                            border: Border.all(color: kBorderColor),
+                          ),
+                          value: _selectedMonthFilter,
+                          items: _monthFilters.map((entry) {
+                            return DropdownMenuItem(
+                              value: entry,
+                              child: Text(entry,
+                                  style: theme.textTheme.bodyLarge?.copyWith(color: kNeutral800),
+                                  maxLines: 1,
+                                  overflow: TextOverflow.ellipsis),
+                            );
+                          }).toList(),
+                          onChanged: (String? value) {
+                            setState(() {
+                              _selectedMonthFilter = value;
+                              _applyFilters();
+                            });
+                          },
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+                const Divider(thickness: 1.5, color: kBackgroundColor, height: 1),
+              ],
+            )),
+      ),
+
+      // Body handles loading/error and displays filtered list
+      body: combinedAsync.when(
+        loading: () => const Center(child: CircularProgressIndicator()),
+        error: (err, stack) => Center(child: Text('Error: Failed to load reports.')),
+        data: (_) {
+          _filterLeaves(leavesAsync.value?.data ?? []);
+
+          if (_filteredList.isEmpty) {
+            return RefreshIndicator(
+              onRefresh: _refreshData,
+              child: Center(
+                  child: SingleChildScrollView(
+                      physics: AlwaysScrollableScrollPhysics(), child: Text(_lang.noLeaveRecordFound))),
+            );
+          }
+
+          return RefreshIndicator(
+            onRefresh: _refreshData,
+            child: ListView.separated(
+              padding: EdgeInsets.zero,
+              itemCount: _filteredList.length,
+              separatorBuilder: (_, __) => const Divider(color: kBackgroundColor, height: 1.5),
+              itemBuilder: (_, index) => _buildReportItem(context, _filteredList[index]),
+            ),
+          );
+        },
+      ),
+    );
+  }
+
+  // --- List Item Builder ---
+
+  Widget _buildReportItem(BuildContext context, LeaveRequestData leave) {
+    final theme = Theme.of(context);
+    final statusColor = _getStatusColor(leave.status);
+
+    return InkWell(
+      onTap: () => viewModalSheet(
+        context: context,
+        item: {
+          l.S.of(context).name: leave.employee?.name ?? 'N/A',
+          l.S.of(context).department: leave.department?.name ?? 'N/A',
+          l.S.of(context).leaveType: leave.leaveType?.name ?? 'N/A',
+          l.S.of(context).month: leave.month ?? 'N/A',
+          l.S.of(context).startDate: leave.startDate ?? 'N/A',
+          l.S.of(context).endDate: leave.endDate ?? 'N/A',
+          l.S.of(context).leaveDuration: leave.leaveDuration?.toString() ?? '0',
+          l.S.of(context).status: leave.status?.toUpperCase() ?? 'N/A',
+        },
+        description: leave.description,
+      ),
+      child: Padding(
+        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 13.5),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Text(
+                      leave.employee?.name ?? 'N/A Employee',
+                      style: theme.textTheme.titleMedium?.copyWith(
+                        fontWeight: FontWeight.w600,
+                      ),
+                    ),
+                    const SizedBox(height: 8),
+                    Row(
+                      children: [
+                        Text(
+                          leave.leaveType?.name ?? 'N/A Type',
+                          style: theme.textTheme.bodyMedium?.copyWith(color: kNeutral800),
+                        ),
+                        const SizedBox(width: 8),
+                        Container(
+                          padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+                          decoration: BoxDecoration(
+                            color: statusColor.withOpacity(0.1),
+                            borderRadius: BorderRadius.circular(4),
+                          ),
+                          child: Text(
+                            leave.status?.toUpperCase() ?? 'N/A',
+                            style: theme.textTheme.labelSmall?.copyWith(
+                              color: statusColor,
+                              fontWeight: FontWeight.bold,
+                            ),
+                          ),
+                        ),
+                      ],
+                    ),
+                  ],
+                ),
+              ],
+            ),
+            const SizedBox(height: 20),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                _buildTimeColumn(
+                  value: leave.month ?? 'N/A',
+                  label: l.S.of(context).month,
+                  theme: theme,
+                ),
+                _buildTimeColumn(
+                  value: leave.startDate ?? 'N/A',
+                  label: l.S.of(context).startDate,
+                  theme: theme,
+                ),
+                _buildTimeColumn(
+                  value: leave.leaveDuration?.toString() ?? 'N/A',
+                  label: l.S.of(context).durationDays,
+                  theme: theme,
+                ),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  // Changed name from _buildTimeColumn to _buildValueColumn for consistency
+  Widget _buildTimeColumn({
+    required String value,
+    required String label,
+    required ThemeData theme,
+    Color? titleColor,
+  }) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.center,
+      children: [
+        Text(
+          value,
+          style: theme.textTheme.titleMedium?.copyWith(
+            fontWeight: FontWeight.w600,
+            color: titleColor ?? kTitleColor,
+          ),
+        ),
+        const SizedBox(height: 6),
+        Text(
+          label,
+          style: theme.textTheme.bodyMedium?.copyWith(
+            color: kNeutral800,
+          ),
+        ),
+      ],
+    );
+  }
+}

lib/Screens/hrm/reports/payroll_reports.dart

@@ -0,0 +1,346 @@
+// File: payroll_reports.dart
+
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
+// --- Local Imports ---
+import 'package:mobile_pos/Screens/hrm/widgets/filter_dropdown.dart';
+import 'package:mobile_pos/Screens/hrm/widgets/model_bottom_sheet.dart';
+import 'package:mobile_pos/constant.dart';
+import 'package:mobile_pos/currency.dart';
+import 'package:mobile_pos/generated/l10n.dart' as l;
+
+// --- Data Layer Imports ---
+import 'package:mobile_pos/Screens/hrm/payroll/provider/payroll_provider.dart';
+import 'package:mobile_pos/Screens/hrm/employee/provider/emplpyee_list_provider.dart';
+
+import '../payroll/Model/payroll_lsit_model.dart';
+
+class PayrollReports extends ConsumerStatefulWidget {
+  const PayrollReports({super.key});
+
+  @override
+  ConsumerState<PayrollReports> createState() => _PayrollReportsState();
+}
+
+class _PayrollReportsState extends ConsumerState<PayrollReports> {
+  // --- Filter State ---
+  String? _selectedEmployeeFilter;
+  String? _selectedMonthFilter;
+
+  List<PayrollData> _filteredList = [];
+
+  final List<String> _monthFilters = [
+    'All Month',
+    'January',
+    'February',
+    'March',
+    'April',
+    'May',
+    'June',
+    'July',
+    'August',
+    'September',
+    'October',
+    'November',
+    'December'
+  ];
+
+  @override
+  void initState() {
+    super.initState();
+    _selectedEmployeeFilter = 'All Employee';
+    _selectedMonthFilter = 'All Month';
+  }
+
+  // --- Filtering Logic ---
+
+  void _applyFilters() {
+    setState(() {}); // Trigger rebuild to re-run filtering
+  }
+
+  void _filterPayrolls(List<PayrollData> allPayrolls) {
+    _filteredList = allPayrolls.where((payroll) {
+      final employeeName = (payroll.employee?.name ?? '').toLowerCase();
+      final month = (payroll.month ?? '').toLowerCase();
+
+      // 1. Employee Filter
+      final employeeMatches =
+          _selectedEmployeeFilter == 'All Employee' || employeeName == _selectedEmployeeFilter!.toLowerCase();
+
+      // 2. Month Filter
+      final monthMatches = _selectedMonthFilter == 'All Month' || month == _selectedMonthFilter!.toLowerCase();
+
+      return employeeMatches && monthMatches;
+    }).toList();
+  }
+
+  // --- Pull to Refresh ---
+
+  Future<void> _refreshData() async {
+    ref.invalidate(payrollListProvider);
+    return ref.watch(payrollListProvider.future);
+  }
+
+  Color _getStatusColor(String? status) {
+    if (status?.toLowerCase() == 'paid') return kSuccessColor;
+    return Colors.red;
+  }
+
+  String _formatAmount(num? amount) {
+    return '$currency${amount?.toStringAsFixed(2) ?? '0.00'}';
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    final _lang = l.S.of(context);
+
+    // Watch primary data source and filter options
+    final payrollsAsync = ref.watch(payrollListProvider);
+    final employeesAsync = ref.watch(employeeListProvider);
+
+    // Combine loading state
+    final combinedAsync = payrollsAsync.asData != null && employeesAsync.asData != null
+        ? AsyncValue.data(true)
+        : payrollsAsync.hasError || employeesAsync.hasError
+            ? AsyncValue.error(payrollsAsync.error ?? employeesAsync.error!, StackTrace.current)
+            : const AsyncValue.loading();
+
+    return Scaffold(
+      backgroundColor: Colors.white,
+      appBar: AppBar(
+        centerTitle: true,
+        title: Text(_lang.payrollReports),
+        bottom: PreferredSize(
+            preferredSize: const Size.fromHeight(65),
+            child: Column(
+              children: [
+                const Divider(thickness: 1.5, color: kBackgroundColor, height: 1),
+                Padding(
+                  padding: const EdgeInsets.fromLTRB(16, 10, 16, 13),
+                  child: Row(
+                    children: [
+                      // Employee Filter
+                      Expanded(
+                        flex: 6,
+                        child: FilterDropdownButton<String>(
+                          value: _selectedEmployeeFilter,
+                          items: [
+                            DropdownMenuItem(value: 'All Employee', child: Text(_lang.allEmployee)),
+                            // Map Employee List names from provider
+                            ...(employeesAsync.value?.employees ?? [])
+                                .map((e) => DropdownMenuItem(value: e.name, child: Text(e.name ?? 'Unknown')))
+                                .toList(),
+                          ]
+                              .map((item) => item.value != null
+                                  ? DropdownMenuItem(
+                                      value: item.value,
+                                      child: Text(item.value!,
+                                          style: theme.textTheme.bodyLarge?.copyWith(color: kNeutral800),
+                                          maxLines: 1,
+                                          overflow: TextOverflow.ellipsis),
+                                    )
+                                  : item)
+                              .toList(),
+                          onChanged: (String? value) {
+                            setState(() {
+                              _selectedEmployeeFilter = value;
+                              _applyFilters();
+                            });
+                          },
+                        ),
+                      ),
+                      const SizedBox(width: 10),
+                      // Month Filter
+                      Expanded(
+                        flex: 4,
+                        child: FilterDropdownButton<String>(
+                          buttonDecoration: BoxDecoration(
+                            color: kBackgroundColor,
+                            borderRadius: BorderRadius.circular(5),
+                            border: Border.all(color: kBorderColor),
+                          ),
+                          value: _selectedMonthFilter,
+                          items: _monthFilters.map((entry) {
+                            return DropdownMenuItem(
+                              value: entry,
+                              child: Text(entry,
+                                  style: theme.textTheme.bodyLarge?.copyWith(color: kNeutral800),
+                                  maxLines: 1,
+                                  overflow: TextOverflow.ellipsis),
+                            );
+                          }).toList(),
+                          onChanged: (String? value) {
+                            setState(() {
+                              _selectedMonthFilter = value;
+                              _applyFilters();
+                            });
+                          },
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+                const Divider(thickness: 1.5, color: kBackgroundColor, height: 1),
+              ],
+            )),
+      ),
+
+      // Body handles loading/error and displays filtered list
+      body: combinedAsync.when(
+        loading: () => const Center(child: CircularProgressIndicator()),
+        error: (err, stack) => Center(child: Text('Error: Failed to load report data.')),
+        data: (_) {
+          _filterPayrolls(payrollsAsync.value?.data ?? []);
+
+          if (_filteredList.isEmpty) {
+            return RefreshIndicator(
+              onRefresh: _refreshData,
+              child: Center(
+                child: SingleChildScrollView(
+                  physics: AlwaysScrollableScrollPhysics(),
+                  child: Text(
+                    _lang.noMatchingPayrollFound,
+                  ),
+                ),
+              ),
+            );
+          }
+
+          return RefreshIndicator(
+            onRefresh: _refreshData,
+            child: ListView.separated(
+              padding: EdgeInsets.zero,
+              itemCount: _filteredList.length,
+              separatorBuilder: (_, __) => const Divider(color: kBackgroundColor, height: 1.5),
+              itemBuilder: (_, index) => _buildPayrollItem(context: context, payroll: _filteredList[index]),
+            ),
+          );
+        },
+      ),
+    );
+  }
+
+  // --- List Item Builder ---
+
+  Widget _buildPayrollItem({
+    required BuildContext context,
+    required PayrollData payroll,
+  }) {
+    final theme = Theme.of(context);
+    // Determine status and color
+    final isPaid = payroll.amount != null && payroll.amount! > 0;
+    final status = isPaid ? 'Paid' : 'Unpaid';
+    final statusColor = _getStatusColor(status);
+
+    // Logic to prepare Detail String for transactions (Modal)
+    String paymentDetails = "";
+    if (payroll.transactions != null && payroll.transactions!.isNotEmpty) {
+      List<String> details = payroll.transactions!.map((t) {
+        return (t.transactionType == 'cash_payment') ? 'Cash' : (t.paymentType?.name ?? 'Unknown');
+      }).toList();
+      paymentDetails = details.join('\n');
+    } else {
+      paymentDetails = "N/A";
+    }
+
+    // Logic for Summary text in the List view (Row)
+    String paymentSummary = "N/A";
+    if (payroll.transactions != null && payroll.transactions!.isNotEmpty) {
+      paymentSummary = payroll.transactions!.first.paymentType?.name ?? 'Unknown';
+      if (payroll.transactions!.length > 1) {
+        paymentSummary += " +${payroll.transactions!.length - 1}";
+      }
+    }
+
+    return InkWell(
+      onTap: () => viewModalSheet(
+        context: context,
+        item: {
+          l.S.of(context).employee: payroll.employee?.name ?? 'N/A',
+          l.S.of(context).paymentYear: payroll.payemntYear ?? 'N/A',
+          l.S.of(context).month: payroll.month ?? 'N/A',
+          l.S.of(context).date: payroll.date ?? 'N/A',
+          l.S.of(context).amount: _formatAmount(payroll.amount),
+          l.S.of(context).paymentDetails: paymentDetails, // Showing Full Details Here
+        },
+        descriptionTitle: 'Note : ',
+        description: payroll.note ?? 'N/A',
+      ),
+      child: Padding(
+        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 13.5),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  payroll.employee?.name ?? 'N/A Employee',
+                  style: theme.textTheme.titleMedium?.copyWith(
+                    fontWeight: FontWeight.w600,
+                  ),
+                ),
+                const SizedBox(height: 8),
+                Text(
+                  payroll.date ?? 'N/A Date',
+                  style: theme.textTheme.bodyMedium?.copyWith(color: kNeutral800),
+                ),
+              ],
+            ),
+            const SizedBox(height: 16),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                _buildTimeColumn(
+                  time: _formatAmount(payroll.amount),
+                  label: l.S.of(context).amount,
+                  theme: theme,
+                ),
+                _buildTimeColumn(
+                  time: paymentSummary, // Showing Summary Here
+                  label: l.S.of(context).payment,
+                  theme: theme,
+                ),
+                _buildTimeColumn(
+                  time: status,
+                  label: l.S.of(context).status,
+                  titleColor: statusColor,
+                  theme: theme,
+                ),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildTimeColumn({
+    required String time,
+    required String label,
+    required ThemeData theme,
+    Color? titleColor,
+  }) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.center,
+      children: [
+        Text(
+          time,
+          style: theme.textTheme.titleMedium?.copyWith(
+            fontWeight: FontWeight.w600,
+            color: titleColor ?? kTitleColor,
+          ),
+        ),
+        const SizedBox(height: 6),
+        Text(
+          label,
+          style: theme.textTheme.bodyMedium?.copyWith(
+            color: kNeutral800,
+          ),
+        ),
+      ],
+    );
+  }
+}

lib/Screens/hrm/reports/repo/attendence_report_repo.dart

@@ -0,0 +1,182 @@
+// File: attendance_repo.dart
+
+import 'dart:convert';
+import 'package:flutter/material.dart';
+import 'package:flutter_easyloading/flutter_easyloading.dart';
+import 'package:http/http.dart' as http;
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
+// --- Local Imports ---
+import '../../../../Const/api_config.dart';
+import '../../../../http_client/custome_http_client.dart';
+import '../../../../http_client/customer_http_client_get.dart';
+import '../../attendance/model/attendence_list_model.dart';
+import '../../attendance/provider/attendence_provider.dart';
+
+class AttendanceRepo {
+  static const String _endpoint = '/attendances'; // Assuming a suitable endpoint
+
+  ///---------------- FETCH ALL ATTENDANCE (GET) ----------------///
+  Future<AttendanceListModel> fetchAllAttendance() async {
+    CustomHttpClientGet clientGet = CustomHttpClientGet(client: http.Client());
+    final uri = Uri.parse('${APIConfig.url}$_endpoint');
+
+    final response = await clientGet.get(url: uri);
+
+    if (response.statusCode == 200) {
+      final parsedData = jsonDecode(response.body);
+      return AttendanceListModel.fromJson(parsedData);
+    } else {
+      throw Exception('Failed to fetch attendance list. Status: ${response.statusCode}');
+    }
+  }
+
+  ///---------------- CREATE ATTENDANCE (POST) ----------------///
+  Future<void> createAttendance({
+    required WidgetRef ref,
+    required BuildContext context,
+    required num employeeId,
+    required num shiftId,
+    required String timeIn, // HH:MM:SS format
+    required String timeOut, // HH:MM:SS format
+    required String date, // YYYY-MM-DD format
+    // required String month,
+    String? note,
+  }) async {
+    final uri = Uri.parse('${APIConfig.url}$_endpoint');
+
+    final requestBody = jsonEncode({
+      'employee_id': employeeId,
+      'shift_id': shiftId,
+      'time_in': timeIn,
+      'time_out': timeOut,
+      'date': date,
+      // 'month': month,
+      'note': note,
+    });
+
+    try {
+      EasyLoading.show(status: 'Recording Attendance...');
+      CustomHttpClient customHttpClient = CustomHttpClient(client: http.Client(), context: context, ref: ref);
+
+      var responseData = await customHttpClient.post(
+        url: uri,
+        addContentTypeInHeader: true,
+        body: requestBody,
+      );
+
+      final parsedData = jsonDecode(responseData.body);
+      EasyLoading.dismiss();
+
+      if (responseData.statusCode == 200 || responseData.statusCode == 201) {
+        ref.invalidate(attendanceListProvider); // Refresh the list
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text(parsedData['message'] ?? 'Attendance recorded successfully')),
+        );
+        Navigator.pop(context);
+      } else {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text('Recording failed: ${parsedData['message'] ?? 'Unknown error'}')),
+        );
+      }
+    } catch (error) {
+      EasyLoading.dismiss();
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text('An error occurred: $error')),
+      );
+    }
+  }
+
+  ///---------------- UPDATE ATTENDANCE (PUT) ----------------///
+  Future<void> updateAttendance({
+    required WidgetRef ref,
+    required BuildContext context,
+    required num id,
+    required num employeeId,
+    required num shiftId,
+    required String timeIn,
+    required String timeOut,
+    required String date,
+    // required String month,
+    String? note,
+  }) async {
+    final uri = Uri.parse('${APIConfig.url}$_endpoint/$id');
+
+    final requestBody = jsonEncode({
+      '_method': 'put',
+      'employee_id': employeeId,
+      'shift_id': shiftId,
+      'time_in': timeIn,
+      'time_out': timeOut,
+      'date': date,
+      // 'month': month,
+      'note': note,
+    });
+
+    try {
+      EasyLoading.show(status: 'Updating...');
+      CustomHttpClient customHttpClient = CustomHttpClient(client: http.Client(), context: context, ref: ref);
+
+      var responseData = await customHttpClient.post(
+        url: uri,
+        addContentTypeInHeader: true,
+        body: requestBody,
+      );
+
+      final parsedData = jsonDecode(responseData.body);
+      EasyLoading.dismiss();
+
+      if (responseData.statusCode == 200) {
+        ref.invalidate(attendanceListProvider); // Refresh the list
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text(parsedData['message'] ?? 'Attendance updated successfully')),
+        );
+        Navigator.pop(context);
+      } else {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text('Update failed: ${parsedData['message'] ?? 'Unknown error'}')),
+        );
+      }
+    } catch (error) {
+      EasyLoading.dismiss();
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text('An error occurred: $error')),
+      );
+    }
+  }
+
+  ///---------------- DELETE ATTENDANCE ----------------///
+  Future<bool> deleteAttendance({
+    required num id,
+    required BuildContext context,
+    required WidgetRef ref,
+  }) async {
+    try {
+      EasyLoading.show(status: 'Deleting...');
+      final url = Uri.parse('${APIConfig.url}$_endpoint/$id');
+      CustomHttpClient customHttpClient = CustomHttpClient(ref: ref, context: context, client: http.Client());
+      final response = await customHttpClient.delete(url: url);
+
+      EasyLoading.dismiss();
+      if (response.statusCode == 200) {
+        ref.invalidate(attendanceListProvider); // Refresh the list
+        ScaffoldMessenger.of(context).showSnackBar(
+          const SnackBar(content: Text('Attendance deleted successfully')),
+        );
+        return true;
+      } else {
+        final parsedData = jsonDecode(response.body);
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text('Deletion failed: ${parsedData['message'] ?? 'Unknown error'}')),
+        );
+        return false;
+      }
+    } catch (error) {
+      EasyLoading.dismiss();
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text('An error occurred during deletion: $error')),
+      );
+      return false;
+    }
+  }
+}

lib/Screens/hrm/reports/repo/leave_report_repo.dart

@@ -0,0 +1,188 @@
+// File: leave_repo.dart
+
+import 'dart:convert';
+import 'package:flutter/material.dart';
+import 'package:flutter_easyloading/flutter_easyloading.dart';
+import 'package:http/http.dart' as http;
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
+import '../../../../../Const/api_config.dart';
+import '../../../../../http_client/custome_http_client.dart';
+import '../../../../../http_client/customer_http_client_get.dart';
+import '../../leave_request/leave/model/leave_list_model.dart';
+
+class LeaveRepo {
+  // Base endpoint for leave requests from Postman screenshots
+  static const String _endpoint = '/leaves';
+
+  ///---------------- FETCH ALL LEAVE REQUESTS (GET) ----------------///
+  Future<LeaveListModel> fetchAllLeaveRequests() async {
+    CustomHttpClientGet clientGet = CustomHttpClientGet(client: http.Client());
+    final uri = Uri.parse('${APIConfig.url}$_endpoint');
+
+    final response = await clientGet.get(url: uri);
+
+    if (response.statusCode == 200) {
+      final parsedData = jsonDecode(response.body);
+      return LeaveListModel.fromJson(parsedData);
+    } else {
+      throw Exception('Failed to fetch leave requests list. Status: ${response.statusCode}');
+    }
+  }
+
+  ///---------------- CREATE LEAVE REQUEST (POST) ----------------///
+  Future<void> createLeaveRequest({
+    required WidgetRef ref,
+    required BuildContext context,
+    required num employeeId,
+    required num leaveTypeId,
+    required String startDate,
+    required String endDate,
+    required dynamic leaveDuration,
+    required String month,
+    required String description,
+    required String status, // e.g., 'pending'
+  }) async {
+    final uri = Uri.parse('${APIConfig.url}$_endpoint');
+
+    final requestBody = jsonEncode({
+      'employee_id': employeeId,
+      'leave_type_id': leaveTypeId,
+      'start_date': startDate,
+      'end_date': endDate,
+      'leave_duration': leaveDuration,
+      'month': month,
+      'description': description,
+      'status': status,
+    });
+
+    try {
+      EasyLoading.show(status: 'Submitting Leave Request...');
+      CustomHttpClient customHttpClient = CustomHttpClient(client: http.Client(), context: context, ref: ref);
+
+      var responseData = await customHttpClient.post(
+        url: uri,
+        addContentTypeInHeader: true,
+        body: requestBody,
+      );
+
+      final parsedData = jsonDecode(responseData.body);
+      EasyLoading.dismiss();
+
+      if (responseData.statusCode == 200 || responseData.statusCode == 201) {
+        // ref.refresh(leaveRequestListProvider); // Assuming you'll define this provider
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text(parsedData['message'] ?? 'Leave Request created successfully')),
+        );
+        Navigator.pop(context);
+      } else {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text('Submission failed: ${parsedData['message'] ?? 'Unknown error'}')),
+        );
+      }
+    } catch (error) {
+      EasyLoading.dismiss();
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text('An error occurred: $error')),
+      );
+    }
+  }
+
+  ///---------------- UPDATE LEAVE REQUEST (POST with _method=put) ----------------///
+  Future<void> updateLeaveRequest({
+    required WidgetRef ref,
+    required BuildContext context,
+    required num id, // Leave Request ID from Postman URL
+    required num employeeId,
+    required num leaveTypeId,
+    required String startDate,
+    required String endDate,
+    required dynamic leaveDuration,
+    required String month,
+    required String description,
+    required String status, // e.g., 'approved'
+  }) async {
+    // Postman URL: {{url}}/api/v1/leaves/2
+    final uri = Uri.parse('${APIConfig.url}$_endpoint/$id');
+
+    final requestBody = jsonEncode({
+      '_method': 'put', // Required for sending PUT data via POST
+      'employee_id': employeeId,
+      'leave_type_id': leaveTypeId,
+      'start_date': startDate,
+      'end_date': endDate,
+      'leave_duration': leaveDuration,
+      'month': month,
+      'description': description,
+      'status': status,
+    });
+
+    try {
+      EasyLoading.show(status: 'Updating Request...');
+      CustomHttpClient customHttpClient = CustomHttpClient(client: http.Client(), context: context, ref: ref);
+
+      // Sending as POST request based on the Postman screenshot
+      var responseData = await customHttpClient.post(
+        url: uri,
+        addContentTypeInHeader: true,
+        body: requestBody,
+      );
+
+      final parsedData = jsonDecode(responseData.body);
+      EasyLoading.dismiss();
+
+      if (responseData.statusCode == 200) {
+        // ref.refresh(leaveRequestListProvider); // Assuming you'll define this provider
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text(parsedData['message'] ?? 'Leave Request updated successfully')),
+        );
+        Navigator.pop(context);
+      } else {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text('Update failed: ${parsedData['message'] ?? 'Unknown error'}')),
+        );
+      }
+    } catch (error) {
+      EasyLoading.dismiss();
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text('An error occurred: $error')),
+      );
+    }
+  }
+
+  ///---------------- DELETE LEAVE REQUEST (DELETE) ----------------///
+  Future<bool> deleteLeaveRequest({
+    required num id,
+    required BuildContext context,
+    required WidgetRef ref,
+  }) async {
+    try {
+      EasyLoading.show(status: 'Deleting...');
+      // URL: {{url}}/api/v1/leaves/{id}
+      final url = Uri.parse('${APIConfig.url}$_endpoint/$id');
+      CustomHttpClient customHttpClient = CustomHttpClient(ref: ref, context: context, client: http.Client());
+      final response = await customHttpClient.delete(url: url);
+
+      EasyLoading.dismiss();
+      if (response.statusCode == 200) {
+        // ref.refresh(leaveRequestListProvider); // Assuming you'll define this provider
+        ScaffoldMessenger.of(context).showSnackBar(
+          const SnackBar(content: Text('Leave Request deleted successfully')),
+        );
+        return true;
+      } else {
+        final parsedData = jsonDecode(response.body);
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text('Deletion failed: ${parsedData['message'] ?? 'Unknown error'}')),
+        );
+        return false;
+      }
+    } catch (error) {
+      EasyLoading.dismiss();
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text('An error occurred during deletion: $error')),
+      );
+      return false;
+    }
+  }
+}

lib/Screens/hrm/reports/repo/payroll_report_repo.dart

@@ -0,0 +1,181 @@
+// File: payroll_repo.dart
+
+import 'dart:convert';
+import 'package:flutter/material.dart';
+import 'package:flutter_easyloading/flutter_easyloading.dart';
+import 'package:http/http.dart' as http;
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
+import '../../../../../Const/api_config.dart';
+import '../../../../../http_client/custome_http_client.dart';
+import '../../../../../http_client/customer_http_client_get.dart';
+import '../../payroll/Model/payroll_lsit_model.dart';
+import '../../payroll/provider/payroll_provider.dart';
+
+class PayrollRepo {
+  static const String _endpoint = '/payrolls';
+
+  ///---------------- FETCH ALL PAYROLLS (GET) ----------------///
+  Future<PayrollListModel> fetchAllPayrolls() async {
+    CustomHttpClientGet clientGet = CustomHttpClientGet(client: http.Client());
+    final uri = Uri.parse('${APIConfig.url}$_endpoint');
+
+    final response = await clientGet.get(url: uri);
+
+    if (response.statusCode == 200) {
+      final parsedData = jsonDecode(response.body);
+      return PayrollListModel.fromJson(parsedData);
+    } else {
+      throw Exception('Failed to fetch payroll list. Status: ${response.statusCode}');
+    }
+  }
+
+  ///---------------- CREATE PAYROLL (POST) ----------------///
+  Future<void> createPayroll({
+    required WidgetRef ref,
+    required BuildContext context,
+    required num employeeId,
+    required num paymentTypeId,
+    required String month,
+    required String date, // YYYY-MM-DD
+    required String amount,
+    required String paymentYear,
+    String? note,
+  }) async {
+    final uri = Uri.parse('${APIConfig.url}$_endpoint');
+
+    final requestBody = jsonEncode({
+      'employee_id': employeeId,
+      'payment_type_id': paymentTypeId,
+      'month': month.toLowerCase(),
+      'date': date,
+      'amount': amount,
+      'payemnt_year': paymentYear,
+      'note': note,
+    });
+
+    try {
+      EasyLoading.show(status: 'Creating Payroll...');
+      CustomHttpClient customHttpClient = CustomHttpClient(client: http.Client(), context: context, ref: ref);
+
+      var responseData = await customHttpClient.post(
+        addContentTypeInHeader: true,
+        url: uri,
+        body: requestBody,
+      );
+
+      final parsedData = jsonDecode(responseData.body);
+      EasyLoading.dismiss();
+
+      if (responseData.statusCode == 200 || responseData.statusCode == 201) {
+        ref.invalidate(payrollListProvider);
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text(parsedData['message'] ?? 'Payroll created successfully')),
+        );
+        Navigator.pop(context);
+      } else {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text('Creation failed: ${parsedData['message'] ?? 'Unknown error'}')),
+        );
+      }
+    } catch (error) {
+      EasyLoading.dismiss();
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text('An error occurred: $error')),
+      );
+    }
+  }
+
+  ///---------------- UPDATE PAYROLL (POST with _method=put) ----------------///
+  Future<void> updatePayroll({
+    required WidgetRef ref,
+    required BuildContext context,
+    required num id,
+    required num employeeId,
+    required num paymentTypeId,
+    required String month,
+    required String date,
+    required String amount,
+    required String paymentYear,
+    String? note,
+  }) async {
+    final uri = Uri.parse('${APIConfig.url}$_endpoint/$id');
+
+    final requestBody = jsonEncode({
+      '_method': 'put',
+      'employee_id': employeeId,
+      'payment_type_id': paymentTypeId,
+      'month': month.toLowerCase(),
+      'date': date,
+      'amount': amount,
+      'payemnt_year': paymentYear,
+      'note': note,
+    });
+
+    try {
+      EasyLoading.show(status: 'Updating Payroll...');
+      CustomHttpClient customHttpClient = CustomHttpClient(client: http.Client(), context: context, ref: ref);
+
+      var responseData = await customHttpClient.post(
+        url: uri,
+        addContentTypeInHeader: true,
+        body: requestBody,
+      );
+
+      final parsedData = jsonDecode(responseData.body);
+      EasyLoading.dismiss();
+
+      if (responseData.statusCode == 200) {
+        ref.invalidate(payrollListProvider);
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text(parsedData['message'] ?? 'Payroll updated successfully')),
+        );
+        Navigator.pop(context);
+      } else {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text('Update failed: ${parsedData['message'] ?? 'Unknown error'}')),
+        );
+      }
+    } catch (error) {
+      EasyLoading.dismiss();
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text('An error occurred: $error')),
+      );
+    }
+  }
+
+  ///---------------- DELETE PAYROLL ----------------///
+  Future<bool> deletePayroll({
+    required num id,
+    required BuildContext context,
+    required WidgetRef ref,
+  }) async {
+    try {
+      EasyLoading.show(status: 'Deleting...');
+      final url = Uri.parse('${APIConfig.url}$_endpoint/$id');
+      CustomHttpClient customHttpClient = CustomHttpClient(ref: ref, context: context, client: http.Client());
+      final response = await customHttpClient.delete(url: url);
+
+      EasyLoading.dismiss();
+      if (response.statusCode == 200) {
+        ref.invalidate(payrollListProvider);
+        ScaffoldMessenger.of(context).showSnackBar(
+          const SnackBar(content: Text('Payroll deleted successfully')),
+        );
+        return true;
+      } else {
+        final parsedData = jsonDecode(response.body);
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text('Deletion failed: ${parsedData['message'] ?? 'Unknown error'}')),
+        );
+        return false;
+      }
+    } catch (error) {
+      EasyLoading.dismiss();
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text('An error occurred during deletion: $error')),
+      );
+      return false;
+    }
+  }
+}