marco.pms.mobileapp/lib/model/attendance/attendence_action_button.dart

import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:intl/intl.dart';

import 'package:marco/controller/dashboard/attendance_screen_controller.dart';
import 'package:marco/helpers/utils/attendance_actions.dart';

class AttendanceActionButton extends StatefulWidget {
  final dynamic employee;
  final AttendanceController attendanceController;

  const AttendanceActionButton({
    Key? key,
    required this.employee,
    required this.attendanceController,
  }) : super(key: key);

  @override
  State<AttendanceActionButton> createState() => _AttendanceActionButtonState();
}

class _AttendanceActionButtonState extends State<AttendanceActionButton> {
  late final String uniqueLogKey;

  @override
  void initState() {
    super.initState();
    uniqueLogKey = AttendanceButtonHelper.getUniqueKey(
        widget.employee.employeeId, widget.employee.id);

    // Defer the Rx initialization after first frame to avoid setState during build
    WidgetsBinding.instance.addPostFrameCallback((_) {
      if (!widget.attendanceController.uploadingStates
          .containsKey(uniqueLogKey)) {
        widget.attendanceController.uploadingStates[uniqueLogKey] = false.obs;
      }
    });
  }

  Future<DateTime?> showTimePickerForRegularization({
    required BuildContext context,
    required DateTime checkInTime,
  }) async {
    final pickedTime = await showTimePicker(
      context: context,
      initialTime: TimeOfDay.fromDateTime(DateTime.now()),
    );

    if (pickedTime != null) {
      final selectedDateTime = DateTime(
        checkInTime.year,
        checkInTime.month,
        checkInTime.day,
        pickedTime.hour,
        pickedTime.minute,
      );

      if (selectedDateTime.isAfter(checkInTime)) {
        return selectedDateTime;
      } else {
        ScaffoldMessenger.of(context).showSnackBar(
          const SnackBar(
              content: Text("Please select a time after check-in time.")),
        );
        return null;
      }
    }
    return null;
  }

  void _handleButtonPressed(BuildContext context) async {
    // Set uploading state true safely
    widget.attendanceController.uploadingStates[uniqueLogKey]?.value = true;

    if (widget.attendanceController.selectedProjectId == null) {
      ScaffoldMessenger.of(context).showSnackBar(
        const SnackBar(
          content: Text("Please select a project first"),
        ),
      );
      widget.attendanceController.uploadingStates[uniqueLogKey]?.value = false;
      return;
    }

    int updatedAction;
    String actionText;
    bool imageCapture = true;

    switch (widget.employee.activity) {
      case 0:
        updatedAction = 0;
        actionText = ButtonActions.checkIn;
        break;
      case 1:
        if (widget.employee.checkOut == null &&
            AttendanceButtonHelper.isOlderThanDays(
                widget.employee.checkIn, 2)) {
          updatedAction = 2;
          actionText = ButtonActions.requestRegularize;
          imageCapture = false;
        } else if (widget.employee.checkOut != null &&
            AttendanceButtonHelper.isOlderThanDays(
                widget.employee.checkOut, 2)) {
          updatedAction = 2;
          actionText = ButtonActions.requestRegularize;
        } else {
          updatedAction = 1;
          actionText = ButtonActions.checkOut;
        }
        break;
      case 2:
        updatedAction = 2;
        actionText = ButtonActions.requestRegularize;
        break;
      case 4:
        updatedAction = 0;
        actionText = ButtonActions.checkIn;
        break;
      default:
        updatedAction = 0;
        actionText = "Unknown Action";
        break;
    }

    bool success = false;
    if (actionText == ButtonActions.requestRegularize) {
      final selectedTime = await showTimePickerForRegularization(
        context: context,
        checkInTime: widget.employee.checkIn!,
      );
      if (selectedTime != null) {
        final formattedSelectedTime =
            DateFormat("hh:mm a").format(selectedTime);
        success = await widget.attendanceController.captureAndUploadAttendance(
          widget.employee.id,
          widget.employee.employeeId,
          widget.attendanceController.selectedProjectId!,
          comment: actionText,
          action: updatedAction,
          imageCapture: imageCapture,
          markTime: formattedSelectedTime,
        );
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(
            content: Text(success
                ? '${actionText.toLowerCase()} marked successfully!'
                : 'Failed to ${actionText.toLowerCase()}'),
          ),
        );
      }
    } else {
      success = await widget.attendanceController.captureAndUploadAttendance(
        widget.employee.id,
        widget.employee.employeeId,
        widget.attendanceController.selectedProjectId!,
        comment: actionText,
        action: updatedAction,
        imageCapture: imageCapture,
      );
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(
          content: Text(success
              ? '${actionText.toLowerCase()} marked successfully!'
              : 'Failed to ${actionText.toLowerCase()}'),
        ),
      );
    }

    widget.attendanceController.uploadingStates[uniqueLogKey]?.value = false;

    if (success) {
      widget.attendanceController.fetchEmployeesByProject(
          widget.attendanceController.selectedProjectId!);
      widget.attendanceController
          .fetchAttendanceLogs(widget.attendanceController.selectedProjectId!);
      await widget.attendanceController.fetchRegularizationLogs(
          widget.attendanceController.selectedProjectId!);
      await widget.attendanceController
          .fetchProjectData(widget.attendanceController.selectedProjectId!);
      widget.attendanceController.update();
    }
  }

  @override
  Widget build(BuildContext context) {
    return Obx(() {
      final isUploading =
          widget.attendanceController.uploadingStates[uniqueLogKey]?.value ??
              false;

      final isYesterday = AttendanceButtonHelper.isLogFromYesterday(
          widget.employee.checkIn, widget.employee.checkOut);
      final isTodayApproved = AttendanceButtonHelper.isTodayApproved(
          widget.employee.activity, widget.employee.checkIn);
      final isApprovedButNotToday =
          AttendanceButtonHelper.isApprovedButNotToday(
              widget.employee.activity, isTodayApproved);

      final isButtonDisabled = AttendanceButtonHelper.isButtonDisabled(
        isUploading: isUploading,
        isYesterday: isYesterday,
        activity: widget.employee.activity,
        isApprovedButNotToday: isApprovedButNotToday,
      );

      final buttonText = AttendanceButtonHelper.getButtonText(
        activity: widget.employee.activity,
        checkIn: widget.employee.checkIn,
        checkOut: widget.employee.checkOut,
        isTodayApproved: isTodayApproved,
      );

      final buttonColor = AttendanceButtonHelper.getButtonColor(
        isYesterday: isYesterday,
        isTodayApproved: isTodayApproved,
        activity: widget.employee.activity,
      );

      return AttendanceActionButtonUI(
        isUploading: isUploading,
        isButtonDisabled: isButtonDisabled,
        buttonText: buttonText,
        buttonColor: buttonColor,
        onPressed:
            isButtonDisabled ? null : () => _handleButtonPressed(context),
      );
    });
  }
}

class AttendanceActionButtonUI extends StatelessWidget {
  final bool isUploading;
  final bool isButtonDisabled;
  final String buttonText;
  final Color buttonColor;
  final VoidCallback? onPressed;

  const AttendanceActionButtonUI({
    Key? key,
    required this.isUploading,
    required this.isButtonDisabled,
    required this.buttonText,
    required this.buttonColor,
    required this.onPressed,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return SizedBox(
      height: 30,
      child: ElevatedButton(
        onPressed: isButtonDisabled ? null : onPressed,
        style: ElevatedButton.styleFrom(
          backgroundColor: buttonColor,
          padding: const EdgeInsets.symmetric(vertical: 4, horizontal: 12),
          textStyle: const TextStyle(fontSize: 12),
        ),
        child: isUploading
            ? const SizedBox(
                width: 16,
                height: 16,
                child: CircularProgressIndicator(
                  strokeWidth: 2,
                  valueColor: AlwaysStoppedAnimation<Color>(Colors.white),
                ),
              )
            : Row(
                mainAxisSize: MainAxisSize.min,
                children: [
                  if (buttonText.toLowerCase() == 'approved') ...[
                    const Icon(Icons.check, size: 16, color: Colors.green),
                    const SizedBox(width: 4),
                  ] else if (buttonText.toLowerCase() == 'rejected') ...[
                    const Icon(Icons.close, size: 16, color: Colors.red),
                    const SizedBox(width: 4),
                  ] else if (buttonText.toLowerCase() == 'requested') ...[
                    const Icon(Icons.hourglass_top,
                        size: 16, color: Colors.orange),
                    const SizedBox(width: 4),
                  ],
                  Flexible(
                    child: Text(
                      buttonText,
                      overflow: TextOverflow.ellipsis,
                      style: const TextStyle(fontSize: 12),
                    ),
                  ),
                ],
              ),
      ),
    );
  }
}