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/mailbox/presentation_mailbox.dart';
import 'package:model/mailbox/select_mode.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/leading_mailbox_item_widget.dart';

class MailboxItemWidget extends StatefulWidget {

  final MailboxNode mailboxNode;
  final SelectMode selectionMode;
  final MailboxDisplayed mailboxDisplayed;
  final PresentationMailbox? mailboxNodeSelected;
  final MailboxActions? mailboxActions;
  final MailboxId? mailboxIdAlreadySelected;

  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.selectionMode = SelectMode.INACTIVE,
    this.mailboxDisplayed = MailboxDisplayed.mailbox,
    this.mailboxNodeSelected,
    this.mailboxActions,
    this.mailboxIdAlreadySelected,
    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;

  @override
  Widget build(BuildContext context) {
    if (_responsiveUtils.isWebDesktop(context) && widget.mailboxDisplayed == MailboxDisplayed.mailbox) {
      return DragTarget<List<PresentationEmail>>(
        builder: (context, candidateEmails, rejectedEmails) {
          return InkWell(
            onTap: () => widget.onOpenMailboxFolderClick?.call(widget.mailboxNode),
            onHover: (value) => setState(() => _isItemHovered = value),
            child: Container(
              decoration: BoxDecoration(
                borderRadius: const BorderRadius.all(Radius.circular(MailboxItemWidgetStyles.borderRadius)),
                color: backgroundColorItem
              ),
              padding: const EdgeInsets.all(MailboxItemWidgetStyles.padding),
              child: Row(
                children: [
                  LeadingMailboxItemWidget(
                    mailboxNode: widget.mailboxNode,
                    selectionMode: widget.selectionMode,
                    onSelectMailboxFolderClick: widget.onSelectMailboxFolderClick,
                    onExpandFolderActionClick: widget.onExpandFolderActionClick,
                  ),
                  const SizedBox(width: MailboxItemWidgetStyles.space),
                  Expanded(
                    child: LabelMailboxItemWidget(
                      mailboxNode: widget.mailboxNode,
                      isItemHovered: _isItemHovered,
                      onMenuActionClick: widget.onMenuActionClick,
                      onEmptyMailboxActionCallback: widget.onEmptyMailboxActionCallback
                    )
                  ),
                ]
              )
            ),
          );
        },
        onAccept: (emails) => widget.onDragItemAccepted?.call(emails, widget.mailboxNode.item),
      );
    } else {
      if (widget.mailboxDisplayed == MailboxDisplayed.mailbox) {
        if (PlatformInfo.isWeb) {
          return InkWell(
            onTap: () => widget.onOpenMailboxFolderClick?.call(widget.mailboxNode),
            onHover: (value) => setState(() => _isItemHovered = value),
            child: Container(
              decoration: BoxDecoration(
                borderRadius: const BorderRadius.all(Radius.circular(MailboxItemWidgetStyles.borderRadius)),
                color: backgroundColorItem
              ),
              padding: const EdgeInsets.all(MailboxItemWidgetStyles.padding),
              child: Row(
                children: [
                  LeadingMailboxItemWidget(
                    mailboxNode: widget.mailboxNode,
                    selectionMode: widget.selectionMode,
                    onSelectMailboxFolderClick: widget.onSelectMailboxFolderClick,
                    onExpandFolderActionClick: widget.onExpandFolderActionClick,
                  ),
                  const SizedBox(width: MailboxItemWidgetStyles.space),
                  Expanded(
                    child: LabelMailboxItemWidget(
                      mailboxNode: widget.mailboxNode,
                      isItemHovered: _isItemHovered,
                      onMenuActionClick: widget.onMenuActionClick,
                      onEmptyMailboxActionCallback: widget.onEmptyMailboxActionCallback
                    )
                  ),
                ]
              )
            ),
          );
        } else {
          return Material(
            color: Colors.transparent,
            child: InkWell(
              onLongPress: () => widget.onLongPressMailboxNodeAction?.call(widget.mailboxNode),
              onTap: () => widget.selectionMode == SelectMode.ACTIVE
                ? widget.onSelectMailboxFolderClick?.call(widget.mailboxNode)
                : widget.onOpenMailboxFolderClick?.call(widget.mailboxNode),
              borderRadius: const BorderRadius.all(Radius.circular(MailboxItemWidgetStyles.borderRadius)),
              child: Container(
                decoration: BoxDecoration(
                  borderRadius: const BorderRadius.all(Radius.circular(MailboxItemWidgetStyles.borderRadius)),
                  color: backgroundColorItem
                ),
                padding: const EdgeInsets.all(MailboxItemWidgetStyles.padding),
                child: Column(
                  mainAxisSize: MainAxisSize.min,
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Row(
                      children: [
                        LeadingMailboxItemWidget(
                          mailboxNode: widget.mailboxNode,
                          selectionMode: widget.selectionMode,
                          onSelectMailboxFolderClick: widget.onSelectMailboxFolderClick,
                          onExpandFolderActionClick: widget.onExpandFolderActionClick,
                        ),
                        const SizedBox(width: MailboxItemWidgetStyles.padding),
                        Expanded(
                          child: LabelMailboxItemWidget(
                            mailboxNode: widget.mailboxNode,
                            isItemHovered: _isItemHovered,
                            onMenuActionClick: widget.onMenuActionClick,
                            onEmptyMailboxActionCallback: widget.onEmptyMailboxActionCallback
                        )
                        ),
                        if (_isSelectActionNoValid)
                          SvgPicture.asset(
                            _imagePaths.icSelectedSB,
                            width: MailboxItemWidgetStyles.selectionIconSize,
                            height: MailboxItemWidgetStyles.selectionIconSize,
                            fit: BoxFit.fill
                          )
                      ]
                    ),
                  ]
                ),
              ),
            ),
          );
        }
      } else {
        return AbsorbPointer(
          absorbing: !widget.mailboxNode.isActivated,
          child: Opacity(
            opacity: widget.mailboxNode.isActivated ? 1.0 : 0.3,
            child: Material(
              color: Colors.transparent,
              child: InkWell(
                onTap: () => !_isSelectActionNoValid
                  ? widget.onOpenMailboxFolderClick?.call(widget.mailboxNode)
                  : null,
                customBorder: const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(8))),
                hoverColor: AppColor.colorMailboxHovered,
                child: Container(
                  padding: const EdgeInsets.symmetric(vertical: MailboxItemWidgetStyles.padding),
                  color: widget.mailboxNode.isSelected
                      ? AppColor.colorItemSelected
                      : Colors.transparent,
                  child: Row(
                    children: [
                      LeadingMailboxItemWidget(
                        mailboxNode: widget.mailboxNode,
                        selectionMode: widget.selectionMode,
                        onSelectMailboxFolderClick: widget.onSelectMailboxFolderClick,
                        onExpandFolderActionClick: widget.onExpandFolderActionClick,
                      ),
                      const SizedBox(width: MailboxItemWidgetStyles.padding),
                      Expanded(
                        child: LabelMailboxItemWidget(
                          mailboxNode: widget.mailboxNode,
                          showTrailing: false,
                          isItemHovered: _isItemHovered,
                          onMenuActionClick: widget.onMenuActionClick,
                          onEmptyMailboxActionCallback: widget.onEmptyMailboxActionCallback
                        )
                      ),
                      if (_isSelectActionNoValid)
                        SvgPicture.asset(
                          _imagePaths.icSelectedSB,
                          width: MailboxItemWidgetStyles.selectionIconSize,
                          height: MailboxItemWidgetStyles.selectionIconSize,
                          fit: BoxFit.fill
                        ),
                      const SizedBox(width: MailboxItemWidgetStyles.padding),
                    ]
                  )
                ),
              ),
            ),
          ),
        );
      }
    }
  }

  Color get backgroundColorItem {
    if (widget.mailboxDisplayed == MailboxDisplayed.destinationPicker) {
      return Colors.white;
    } else {
      if (widget.mailboxNodeSelected?.id == widget.mailboxNode.item.id || _isItemHovered) {
        return AppColor.colorBgMailboxSelected;
      } else {
        return Colors.transparent;
      }
    }
  }

  bool get _isSelectActionNoValid => widget.mailboxNode.item.id == widget.mailboxIdAlreadySelected &&
    widget.mailboxDisplayed == MailboxDisplayed.destinationPicker &&
    (
      widget.mailboxActions == MailboxActions.select ||
      widget.mailboxActions == MailboxActions.create ||
      widget.mailboxActions == MailboxActions.moveEmail
    );
}