workavia-mail-front/lib/features/email/presentation/widgets/email_attachments_widget.dart

import 'package:core/presentation/action/action_callback_define.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/presentation/utils/theme_utils.dart';
import 'package:core/presentation/views/dialog/confirm_dialog_button.dart';
import 'package:core/utils/app_logger.dart';
import 'package:core/utils/platform_info.dart';
import 'package:filesize/filesize.dart';
import 'package:flutter/material.dart';
import 'package:model/email/attachment.dart';
import 'package:model/extensions/list_attachment_extension.dart';
import 'package:tmail_ui_user/features/email/presentation/utils/email_utils.dart';
import 'package:tmail_ui_user/features/email/presentation/widgets/attachment_item_widget.dart';
import 'package:tmail_ui_user/features/email/presentation/widgets/attachments_info.dart';
import 'package:tmail_ui_user/features/email/presentation/widgets/draggable_attachment_item_widget.dart';
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';

class EmailAttachmentsWidget extends StatelessWidget {

  final List<Attachment> attachments;
  final OnDragAttachmentStarted? onDragStarted;
  final OnDragAttachmentEnd? onDragEnd;
  final OnDownloadAttachmentFileAction? downloadAttachmentAction;
  final OnViewAttachmentFileAction? viewAttachmentAction;
  final ResponsiveUtils responsiveUtils;
  final ImagePaths imagePaths;
  final OnTapActionCallback? onTapShowAllAttachmentFile;
  final OnTapActionCallback? onTapHideAllAttachments;
  final bool showDownloadAllAttachmentsButton;
  final bool isDisplayAllAttachments;
  final OnTapActionCallback? onTapDownloadAllButton;
  final String? singleEmailControllerTag;

  const EmailAttachmentsWidget({
    super.key,
    required this.attachments,
    required this.responsiveUtils,
    required this.imagePaths,
    this.onDragStarted,
    this.onDragEnd,
    this.downloadAttachmentAction,
    this.viewAttachmentAction,
    this.onTapShowAllAttachmentFile,
    this.onTapHideAllAttachments,
    this.showDownloadAllAttachmentsButton = false,
    this.isDisplayAllAttachments = false,
    this.onTapDownloadAllButton,
    this.singleEmailControllerTag,
  });

  @override
  Widget build(BuildContext context) {
    final attachmentHeader = AttachmentsInfo(
      imagePaths: imagePaths,
      numberOfAttachments: attachments.length,
      totalSizeInfo: filesize(attachments.totalSize, 1),
      responsiveUtils: responsiveUtils,
      onTapShowAllAttachmentFile: onTapShowAllAttachmentFile,
      onTapDownloadAllButton: showDownloadAllAttachmentsButton
          ? onTapDownloadAllButton
          : null,
    );

    bool isMobile = responsiveUtils.isMobile(context);

    final hideButton = SizedBox(
      height: 36,
      width: isMobile ? double.infinity : null,
      child: ConfirmDialogButton(
        label: AppLocalizations.of(context).hideAll,
        backgroundColor: Theme.of(context).colorScheme.outline.withValues(
          alpha: 0.08,
        ),
        textStyle: ThemeUtils.textStyleM3TitleSmall.copyWith(
          color: AppColor.steelGrayA540,
        ),
        radius: 5,
        onTapAction: onTapHideAllAttachments,
      ),
    );

    if (isMobile) {
      final attachmentRecord = _getDisplayedAndHiddenAttachment(
        isMobile,
        responsiveUtils.getDeviceWidth(context),
      );
      final displayedAttachments = attachmentRecord.displayedAttachments;
      final hiddenItemsCount = attachmentRecord.hiddenItemsCount;

      return Padding(
        padding: const EdgeInsetsDirectional.only(
          start: 16,
          end: 16,
          bottom: 24,
        ),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            attachmentHeader,
            Padding(
              padding: const EdgeInsetsDirectional.only(top: 4),
              child: Column(
                children: displayedAttachments.map((attachment) {
                  return AttachmentItemWidget(
                    attachment: attachment,
                    imagePaths: imagePaths,
                    margin: const EdgeInsets.only(top: 8),
                    downloadAttachmentAction: downloadAttachmentAction,
                    viewAttachmentAction: viewAttachmentAction,
                    singleEmailControllerTag: singleEmailControllerTag,
                  );
                }).toList(),
              ),
            ),
            const SizedBox(height: 8),
            if (hiddenItemsCount > 0)
              SizedBox(
                height: 36,
                width: double.infinity,
                child: ConfirmDialogButton(
                  label: AppLocalizations.of(context).moreAttachments(
                    hiddenItemsCount,
                  ),
                  backgroundColor: Theme.of(context).colorScheme.outline.withValues(
                    alpha: 0.08,
                  ),
                  textStyle: ThemeUtils.textStyleM3TitleSmall.copyWith(
                    color: AppColor.steelGrayA540,
                  ),
                  radius: 5,
                  onTapAction: onTapShowAllAttachmentFile,
                ),
              ),
            if (isDisplayAllAttachments)
              hideButton,
          ],
        ),
      );
    } else {
      return Padding(
        padding: const EdgeInsetsDirectional.only(
          start: 8,
          end: 8,
          top: 12,
          bottom: 16,
        ),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Padding(
              padding: const EdgeInsetsDirectional.symmetric(horizontal: 12),
              child: attachmentHeader,
            ),
            Padding(
              padding: const EdgeInsetsDirectional.only(
                start: 12,
                end: 12,
                top: 12,
              ),
              child: LayoutBuilder(
                  builder: (context, constraints) {
                    final attachmentRecord = _getDisplayedAndHiddenAttachment(
                      isMobile,
                      constraints.maxWidth,
                    );
                    final displayedAttachments = attachmentRecord.displayedAttachments;
                    final hiddenItemsCount = attachmentRecord.hiddenItemsCount;

                    return Wrap(
                      spacing: EmailUtils.attachmentItemSpacing,
                      runSpacing: isDisplayAllAttachments
                          ? EmailUtils.attachmentItemSpacing
                          : 0,
                      crossAxisAlignment: WrapCrossAlignment.center,
                      children: [
                        ...displayedAttachments.map((attachment) {
                          if (PlatformInfo.isWeb &&
                              responsiveUtils.isDesktop(context)) {
                            return DraggableAttachmentItemWidget(
                              attachment: attachment,
                              imagePaths: imagePaths,
                              width: EmailUtils.desktopItemMaxWidth,
                              onDragStarted: onDragStarted,
                              onDragEnd: onDragEnd,
                              downloadAttachmentAction: downloadAttachmentAction,
                              viewAttachmentAction: viewAttachmentAction,
                              singleEmailControllerTag: singleEmailControllerTag,
                            );
                          } else {
                            return AttachmentItemWidget(
                              attachment: attachment,
                              imagePaths: imagePaths,
                              width: EmailUtils.desktopItemMaxWidth,
                              downloadAttachmentAction: downloadAttachmentAction,
                              viewAttachmentAction: viewAttachmentAction,
                              singleEmailControllerTag: singleEmailControllerTag,
                            );
                          }
                        }).toList(),
                        if (hiddenItemsCount > 0)
                          SizedBox(
                            height: 36,
                            child: ConfirmDialogButton(
                              label: '+$hiddenItemsCount',
                              backgroundColor: Theme.of(context).colorScheme.outline.withValues(
                                alpha: 0.08,
                              ),
                              textStyle: ThemeUtils.textStyleM3TitleSmall.copyWith(
                                color: AppColor.steelGrayA540,
                              ),
                              radius: 5,
                              onTapAction: onTapShowAllAttachmentFile,
                            ),
                          ),
                        if (isDisplayAllAttachments)
                          hideButton,
                      ],
                    );
                  }
              ),
            ),
          ],
        ),
      );
    }
  }

  ({List<Attachment> displayedAttachments, int hiddenItemsCount})
      _getDisplayedAndHiddenAttachment(bool isMobile, double maxWidth) {
    if (isDisplayAllAttachments) {
      return (displayedAttachments: attachments, hiddenItemsCount: 0);
    }

    final displayedAttachments = EmailUtils.getAttachmentDisplayed(
      maxWidth: maxWidth,
      attachments: attachments,
      isMobile: isMobile,
    );

    int hiddenItemsCount = attachments.length - displayedAttachments.length;
    if (hiddenItemsCount > 999) {
      hiddenItemsCount = 999;
    } else if (hiddenItemsCount < 0) {
      hiddenItemsCount = 0;
    }
    log('EmailAttachmentsWidget::_getDisplayedAndHiddenAttachment: Displayed: ${displayedAttachments.length}, Hidden: $hiddenItemsCount');
    return (
      displayedAttachments: displayedAttachments,
      hiddenItemsCount: hiddenItemsCount,
    );
  }
}