workavia-mail-front/lib/features/mailbox/presentation/widgets/mailbox_item_widget.dart

import 'package:core/presentation/extensions/color_extension.dart';
import 'package:core/presentation/resources/image_paths.dart';
import 'package:core/presentation/utils/responsive_utils.dart';
import 'package:core/utils/platform_info.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:get/get.dart';
import 'package:jmap_dart_client/jmap/mail/mailbox/mailbox.dart';
import 'package:model/email/presentation_email.dart';
import 'package:model/extensions/presentation_mailbox_extension.dart';
import 'package:model/mailbox/presentation_mailbox.dart';
import 'package:tmail_ui_user/features/mailbox/presentation/extensions/presentation_mailbox_extension.dart';
import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_actions.dart';
import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_displayed.dart';
import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_node.dart';
import 'package:tmail_ui_user/features/mailbox/presentation/styles/mailbox_item_widget_styles.dart';
import 'package:tmail_ui_user/features/mailbox/presentation/utils/mailbox_method_action_define.dart';
import 'package:tmail_ui_user/features/mailbox/presentation/widgets/label_mailbox_item_widget.dart';
import 'package:tmail_ui_user/features/mailbox/presentation/widgets/mailbox_icon_widget.dart';

class MailboxItemWidget extends StatefulWidget {

  final MailboxNode mailboxNode;
  final MailboxDisplayed mailboxDisplayed;
  final PresentationMailbox? mailboxNodeSelected;
  final MailboxActions? mailboxActions;
  final MailboxId? mailboxIdAlreadySelected;
  final Color? hoverColor;
  final TextStyle? textStyle;
  final Color? iconColor;
  final double? itemHeight;
  final String? iconSelected;
  final bool isHighlighted;

  final OnClickExpandMailboxNodeAction? onExpandFolderActionClick;
  final OnClickOpenMailboxNodeAction? onOpenMailboxFolderClick;
  final OnSelectMailboxNodeAction? onSelectMailboxFolderClick;
  final OnClickOpenMenuMailboxNodeAction? onMenuActionClick;
  final OnDragEmailToMailboxAccepted? onDragItemAccepted;
  final OnLongPressMailboxNodeAction? onLongPressMailboxNodeAction;
  final OnEmptyMailboxActionCallback? onEmptyMailboxActionCallback;

  const MailboxItemWidget({
    super.key,
    required this.mailboxNode,
    this.mailboxDisplayed = MailboxDisplayed.mailbox,
    this.isHighlighted = false,
    this.mailboxNodeSelected,
    this.mailboxActions,
    this.mailboxIdAlreadySelected,
    this.hoverColor,
    this.iconColor,
    this.textStyle,
    this.itemHeight,
    this.iconSelected,
    this.onExpandFolderActionClick,
    this.onOpenMailboxFolderClick,
    this.onSelectMailboxFolderClick,
    this.onMenuActionClick,
    this.onDragItemAccepted,
    this.onLongPressMailboxNodeAction,
    this.onEmptyMailboxActionCallback,
  });

  @override
  State<MailboxItemWidget> createState() => _MailboxItemWidgetState();
}

class _MailboxItemWidgetState extends State<MailboxItemWidget> {

  final _responsiveUtils = Get.find<ResponsiveUtils>();
  final _imagePaths = Get.find<ImagePaths>();

  bool _isItemHovered = false;
  final GlobalKey _key = GlobalKey();

  @override
  Widget build(BuildContext context) {
    if (_responsiveUtils.isWebDesktop(context) && widget.mailboxDisplayed == MailboxDisplayed.mailbox) {
      final itemWidget = Material(
        key: widget.mailboxNode.item.isActionRequired ? _key : null,
        type: MaterialType.transparency,
        child: InkWell(
          onTap: () =>
              widget.onOpenMailboxFolderClick?.call(widget.mailboxNode),
          onHover: (value) => setState(() => _isItemHovered = value),
          borderRadius: const BorderRadius.all(
            Radius.circular(MailboxItemWidgetStyles.borderRadius),
          ),
          child: Container(
            decoration: BoxDecoration(
              borderRadius: const BorderRadius.all(
                Radius.circular(MailboxItemWidgetStyles.borderRadius),
              ),
              color: backgroundColorItem,
            ),
            padding: const EdgeInsetsDirectional.symmetric(
              horizontal: MailboxItemWidgetStyles.itemPadding,
            ),
            height: widget.itemHeight ??
                (widget.mailboxNode.item.isTeamMailboxes
                    ? MailboxItemWidgetStyles.teamMailboxHeight
                    : MailboxItemWidgetStyles.height),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              crossAxisAlignment: widget.mailboxNode.item.isTeamMailboxes
                  ? CrossAxisAlignment.start
                  : CrossAxisAlignment.center,
              children: [
                if (_isIconDisplayed)
                  MailboxIconWidget(
                    icon: _iconMailbox,
                    color: widget.iconColor,
                  ),
                Expanded(
                  child: LabelMailboxItemWidget(
                    itemKey: _key,
                    mailboxNode: widget.mailboxNode,
                    isItemHovered: _isItemHovered,
                    isSelected: _isSelected,
                    isHighlighted: widget.isHighlighted,
                    textStyle: widget.textStyle,
                    onMenuActionClick: widget.onMenuActionClick,
                    onEmptyMailboxActionCallback:
                        widget.onEmptyMailboxActionCallback,
                    onClickExpandMailboxNodeAction:
                        widget.onExpandFolderActionClick,
                  ),
                ),
              ],
            ),
          ),
        ),
      );

      if (widget.mailboxNode.item.isActionRequired) {
        return itemWidget;
      }

      return DragTarget<List<PresentationEmail>>(
        key: _key,
        builder: (context, candidateEmails, rejectedEmails) {
          return itemWidget;
        },
        onAcceptWithDetails: (emails) => widget.onDragItemAccepted?.call(emails.data, widget.mailboxNode.item),
      );
    } else {
      if (widget.mailboxDisplayed == MailboxDisplayed.mailbox) {
        if (PlatformInfo.isWeb) {
          return Material(
            type: MaterialType.transparency,
            child: InkWell(
              key: _key,
              onTap: () => widget.onOpenMailboxFolderClick?.call(widget.mailboxNode),
              onLongPress: !PlatformInfo.isCanvasKit
                ? () => widget.onLongPressMailboxNodeAction?.call(widget.mailboxNode)
                : null,
              onHover: (value) => setState(() => _isItemHovered = value),
              borderRadius: const BorderRadius.all(
                Radius.circular(MailboxItemWidgetStyles.borderRadius),
              ),
              child: Container(
                decoration: BoxDecoration(
                  borderRadius: const BorderRadius.all(
                    Radius.circular(MailboxItemWidgetStyles.borderRadius),
                  ),
                  color: backgroundColorItem,
                ),
                padding: const EdgeInsetsDirectional.symmetric(
                  horizontal: MailboxItemWidgetStyles.itemPadding,
                ),
                height: widget.itemHeight ?? (widget.mailboxNode.item.isTeamMailboxes
                    ? MailboxItemWidgetStyles.teamMailboxHeight
                    : MailboxItemWidgetStyles.mobileHeight),
                child: Row(
                  children: [
                    if (_isIconDisplayed)
                      MailboxIconWidget(
                        icon: _iconMailbox,
                        padding: const EdgeInsetsDirectional.only(
                          end: MailboxItemWidgetStyles.mobileLabelIconSpace,
                        ),
                        color: widget.iconColor ?? AppColor.iconFolder,
                      ),
                    Expanded(
                      child: LabelMailboxItemWidget(
                        itemKey: _key,
                        mailboxNode: widget.mailboxNode,
                        isItemHovered: _isItemHovered,
                        isSelected: _isSelected,
                        isHighlighted: widget.isHighlighted,
                        textStyle: widget.textStyle,
                        onMenuActionClick: widget.onMenuActionClick,
                        onEmptyMailboxActionCallback: widget.onEmptyMailboxActionCallback,
                        onClickExpandMailboxNodeAction: widget.onExpandFolderActionClick,
                      )
                    ),
                  ]
                )
              ),
            ),
          );
        } else {
          return Material(
            key: _key,
            type: MaterialType.transparency,
            child: InkWell(
              onLongPress: () => widget.onLongPressMailboxNodeAction?.call(widget.mailboxNode),
              onTap: () => widget.onOpenMailboxFolderClick?.call(widget.mailboxNode),
              borderRadius: const BorderRadius.all(
                Radius.circular(MailboxItemWidgetStyles.mobileBorderRadius),
              ),
              child: Container(
                decoration: BoxDecoration(
                  borderRadius: const BorderRadius.all(
                    Radius.circular(MailboxItemWidgetStyles.mobileBorderRadius),
                  ),
                  color: backgroundColorItem
                ),
                padding: const EdgeInsetsDirectional.symmetric(
                  horizontal: MailboxItemWidgetStyles.mobileItemPadding,
                ),
                height: widget.itemHeight ?? (widget.mailboxNode.item.isTeamMailboxes
                    ? MailboxItemWidgetStyles.teamMailboxHeight
                    : MailboxItemWidgetStyles.mobileHeight),
                child: Row(
                  children: [
                    if (_isIconDisplayed)
                      MailboxIconWidget(
                        icon: _iconMailbox,
                        padding: const EdgeInsetsDirectional.only(
                          end: MailboxItemWidgetStyles.mobileLabelIconSpace,
                        ),
                        color: widget.iconColor ?? AppColor.iconFolder,
                      ),
                    Expanded(
                      child: LabelMailboxItemWidget(
                        itemKey: _key,
                        mailboxNode: widget.mailboxNode,
                        isItemHovered: _isItemHovered,
                        isSelected: _isSelected,
                        isHighlighted: widget.isHighlighted,
                        textStyle: widget.textStyle,
                        onMenuActionClick: widget.onMenuActionClick,
                        onEmptyMailboxActionCallback: widget.onEmptyMailboxActionCallback,
                        onClickExpandMailboxNodeAction: widget.onExpandFolderActionClick,
                      ),
                    ),
                  ]
                ),
              ),
            ),
          );
        }
      } else {
        return AbsorbPointer(
          key: _key,
          absorbing: !widget.mailboxNode.isActivated,
          child: Opacity(
            opacity: widget.mailboxNode.isActivated ? 1.0 : 0.3,
            child: Material(
              color: Colors.transparent,
              child: InkWell(
                onTap: !isSelectedFolderInModal
                  ? () => widget.onOpenMailboxFolderClick?.call(widget.mailboxNode)
                  : null,
                customBorder: const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(8))),
                hoverColor: widget.hoverColor ?? AppColor.colorMailboxHovered,
                child: Container(
                  padding: const EdgeInsetsDirectional.symmetric(
                    horizontal: MailboxItemWidgetStyles.itemPadding,
                  ),
                  height: widget.itemHeight ?? (widget.mailboxNode.item.isTeamMailboxes
                      ? MailboxItemWidgetStyles.teamMailboxHeight
                      : MailboxItemWidgetStyles.height),
                  color: widget.mailboxNode.isSelected
                      ? AppColor.colorItemSelected
                      : Colors.transparent,
                  child: Row(
                    children: [
                      if (_isIconDisplayed)
                        MailboxIconWidget(
                          icon: _iconMailbox,
                          color: widget.iconColor,
                        ),
                      Expanded(
                        child: LabelMailboxItemWidget(
                          itemKey: _key,
                          mailboxNode: widget.mailboxNode,
                          showTrailing: false,
                          isSelected: _isSelected,
                          isHighlighted: widget.isHighlighted,
                          isItemHovered: _isItemHovered,
                          textStyle: widget.textStyle,
                          isSelectedFolderInModal: isSelectedFolderInModal,
                          onMenuActionClick: widget.onMenuActionClick,
                          onEmptyMailboxActionCallback: widget.onEmptyMailboxActionCallback,
                          onClickExpandMailboxNodeAction: widget.onExpandFolderActionClick,
                        )
                      ),
                      if (isSelectedFolderInModal)
                        SvgPicture.asset(
                          widget.iconSelected ?? (isFolderModalActive
                              ? _imagePaths.icCheck
                              : _imagePaths.icSelectedSB),
                          width: MailboxItemWidgetStyles.selectionIconSize,
                          height: MailboxItemWidgetStyles.selectionIconSize,
                          fit: BoxFit.fill
                        ),
                    ]
                  )
                ),
              ),
            ),
          ),
        );
      }
    }
  }

  bool get _isSelected =>
      widget.mailboxNodeSelected?.id == widget.mailboxNode.item.id;

  Color get backgroundColorItem {
    if (widget.mailboxDisplayed == MailboxDisplayed.mailbox) {
      return _isSelected || widget.isHighlighted
          ? AppColor.blue100
          : Colors.transparent;
    }
    return Colors.white;
  }

  bool get isFolderModalActive =>
      widget.mailboxDisplayed == MailboxDisplayed.modalFolder;

  bool get isSelectedFolderInModal {
    final isDestinationPickerActive =
        widget.mailboxDisplayed == MailboxDisplayed.destinationPicker &&
            (widget.mailboxActions == MailboxActions.select ||
                widget.mailboxActions == MailboxActions.create ||
                widget.mailboxActions == MailboxActions.moveEmail);

    return widget.mailboxNode.item.id == widget.mailboxIdAlreadySelected &&
        (isDestinationPickerActive || isFolderModalActive);
  }

  bool get _isIconDisplayed =>
      widget.mailboxNode.item.isPersonal ||
      widget.mailboxNode.item.hasParentId();

  String get _iconMailbox =>
      widget.mailboxNode.item.getMailboxIcon(_imagePaths);
}