import 'package:core/presentation/extensions/color_extension.dart';
import 'package:core/presentation/views/button/tmail_button_widget.dart';
import 'package:core/presentation/views/html_viewer/html_content_viewer_on_web_widget.dart';
import 'package:core/presentation/views/html_viewer/html_content_viewer_widget.dart';
import 'package:core/utils/app_logger.dart';
import 'package:core/utils/direction_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/calendar/calendar_event.dart';
import 'package:model/email/email_action_type.dart';
import 'package:model/email/presentation_email.dart';
import 'package:model/extensions/list_email_address_extension.dart';
import 'package:model/extensions/presentation_email_extension.dart';
import 'package:model/extensions/presentation_mailbox_extension.dart';
import 'package:model/mailbox/presentation_mailbox.dart';
import 'package:pointer_interceptor/pointer_interceptor.dart';
import 'package:tmail_ui_user/features/base/widget/popup_item_widget.dart';
import 'package:tmail_ui_user/features/base/widget/scrollbar_list_view.dart';
import 'package:tmail_ui_user/features/composer/presentation/extensions/email_action_type_extension.dart';
import 'package:tmail_ui_user/features/email/presentation/controller/single_email_controller.dart';
import 'package:tmail_ui_user/features/email/presentation/extensions/calendar_event_extension.dart';
import 'package:tmail_ui_user/features/email/presentation/styles/email_view_styles.dart';
import 'package:tmail_ui_user/features/email/presentation/widgets/calendar_event/calendar_event_action_banner_widget.dart';
import 'package:tmail_ui_user/features/email/presentation/widgets/calendar_event/calendar_event_detail_widget.dart';
import 'package:tmail_ui_user/features/email/presentation/widgets/calendar_event/calendar_event_information_widget.dart';
import 'package:tmail_ui_user/features/email/presentation/widgets/email_action_cupertino_action_sheet_action_builder.dart';
import 'package:tmail_ui_user/features/email/presentation/widgets/email_attachments_widget.dart';
import 'package:tmail_ui_user/features/email/presentation/widgets/email_subject_widget.dart';
import 'package:tmail_ui_user/features/email/presentation/widgets/email_view_app_bar_widget.dart';
import 'package:tmail_ui_user/features/email/presentation/widgets/email_view_bottom_bar_widget.dart';
import 'package:tmail_ui_user/features/email/presentation/widgets/email_view_empty_widget.dart';
import 'package:tmail_ui_user/features/email/presentation/widgets/email_view_loading_bar_widget.dart';
import 'package:tmail_ui_user/features/email/presentation/widgets/information_sender_and_receiver_builder.dart';
import 'package:tmail_ui_user/features/email/presentation/widgets/mail_unsubscribed_banner.dart';
import 'package:tmail_ui_user/features/manage_account/presentation/extensions/vacation_response_extension.dart';
import 'package:tmail_ui_user/features/manage_account/presentation/vacation/widgets/vacation_notification_message_widget.dart';
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
import 'package:tmail_ui_user/main/routes/route_navigation.dart';
import 'package:tmail_ui_user/main/utils/app_utils.dart';

class EmailView extends GetWidget<SingleEmailController> {

  const EmailView({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: controller.responsiveUtils.isWebDesktop(context)
        ? AppColor.colorBgDesktop
        : Colors.white,
      appBar: PlatformInfo.isIOS
        ? PreferredSize(
            preferredSize: const Size(double.infinity, 100),
            child: Obx(() {
              if (controller.currentEmail != null) {
                return SafeArea(
                  top: false,
                  bottom: false,
                  child: EmailViewAppBarWidget(
                    key: const Key('email_view_app_bar_widget'),
                    presentationEmail: controller.currentEmail!,
                    mailboxContain: _getMailboxContain(controller.currentEmail!),
                    isSearchActivated: controller.mailboxDashBoardController.searchController.isSearchEmailRunning,
                    onBackAction: () => controller.closeEmailView(context: context),
                    onEmailActionClick: (email, action) => controller.handleEmailAction(context, email, action),
                    onMoreActionClick: (presentationEmail, position) => _handleMoreEmailAction(context: context, presentationEmail: presentationEmail, position: position)
                  ),
                );
              } else {
                return const SizedBox.shrink();
              }
            })
          )
        : null,
      body: SafeArea(
        right: controller.responsiveUtils.isLandscapeMobile(context),
        left: controller.responsiveUtils.isLandscapeMobile(context),
        bottom: !PlatformInfo.isIOS,
        child: Container(
          clipBehavior: Clip.antiAlias,
          decoration: controller.responsiveUtils.isWebDesktop(context)
            ? BoxDecoration(
                borderRadius: BorderRadius.circular(20),
                border: Border.all(color: AppColor.colorBorderBodyThread, width: 1),
                color: Colors.white)
            : const BoxDecoration(color: Colors.white),
          margin: _getMarginEmailView(context),
          child: Obx(() {
            final currentEmail = controller.currentEmail;
            if (currentEmail != null) {
              return Column(children: [
                if (!PlatformInfo.isIOS)
                  Obx(() => EmailViewAppBarWidget(
                    key: const Key('email_view_app_bar_widget'),
                    presentationEmail: currentEmail,
                    mailboxContain: _getMailboxContain(currentEmail),
                    isSearchActivated: controller.mailboxDashBoardController.searchController.isSearchEmailRunning,
                    onBackAction: () => controller.closeEmailView(context: context),
                    onEmailActionClick: (email, action) => controller.handleEmailAction(context, email, action),
                    onMoreActionClick: (presentationEmail, position) => _handleMoreEmailAction(context: context, presentationEmail: presentationEmail, position: position),
                    optionsWidget: PlatformInfo.isWeb && controller.emailSupervisorController.supportedPageView.isTrue
                      ? _buildNavigatorPageViewWidgets(context)
                      : null,
                  )),
                Obx(() {
                  final vacation = controller.mailboxDashBoardController.vacationResponse.value;
                  if (vacation?.vacationResponderIsValid == true &&
                      (
                        controller.responsiveUtils.isMobile(context) ||
                        controller.responsiveUtils.isTablet(context) ||
                        controller.responsiveUtils.isLandscapeMobile(context)
                      )
                  ) {
                    return VacationNotificationMessageWidget(
                      margin: const EdgeInsets.only(left: 12, right: 12, bottom: 5),
                      vacationResponse: vacation!,
                      actionGotoVacationSetting: controller.mailboxDashBoardController.goToVacationSetting,
                      actionEndNow: controller.mailboxDashBoardController.disableVacationResponder
                    );
                  } else {
                    return const SizedBox.shrink();
                  }
                }),
                Expanded(
                  child: LayoutBuilder(builder: (context, constraints) {
                    log('EmailView::build: EMAIL_BODY_MAX_HEIGHT = ${constraints.maxHeight}');
                    return Obx(() {
                      if (controller.emailSupervisorController.supportedPageView.isTrue) {
                        final currentListEmail = controller.emailSupervisorController.currentListEmail;
                        return PageView.builder(
                          physics: controller.emailSupervisorController.scrollPhysicsPageView.value,
                          itemCount: currentListEmail.length,
                          allowImplicitScrolling: true,
                          controller: controller.emailSupervisorController.pageController,
                          onPageChanged: controller.emailSupervisorController.onPageChanged,
                          itemBuilder: (context, index) {
                            final currentEmail = currentListEmail[index];
                            if (PlatformInfo.isMobile) {
                              return SingleChildScrollView(
                                physics : const ClampingScrollPhysics(),
                                child: Container(
                                  width: double.infinity,
                                  alignment: Alignment.center,
                                  color: Colors.white,
                                  child: Obx(() => _buildEmailMessage(
                                    context: context,
                                    presentationEmail: currentEmail,
                                    calendarEvent: controller.calendarEvent,
                                    maxBodyHeight: constraints.maxHeight
                                  ))
                                )
                              );
                            } else {
                              return Obx(() {
                                final calendarEvent = controller.calendarEvent;
                                if (currentEmail.hasCalendarEvent && calendarEvent != null) {
                                  return Padding(
                                    padding: const EdgeInsetsDirectional.symmetric(horizontal: 4),
                                    child: ScrollbarListView(
                                      scrollController: controller.emailContentScrollController,
                                      child: SingleChildScrollView(
                                        physics : const ClampingScrollPhysics(),
                                        controller: controller.emailContentScrollController,
                                        child: Container(
                                          width: double.infinity,
                                          alignment: Alignment.center,
                                          color: Colors.white,
                                          child: _buildEmailMessage(
                                            context: context,
                                            presentationEmail: currentEmail,
                                            calendarEvent: calendarEvent,
                                            emailAddressSender: currentEmail.listEmailAddressSender.getListAddress(),
                                          )
                                        )
                                      ),
                                    ),
                                  );
                                } else {
                                  return _buildEmailMessage(
                                    context: context,
                                    presentationEmail: currentEmail,
                                    maxBodyHeight: constraints.maxHeight
                                  );
                                }
                              });
                            }
                          }
                        );
                      } else {
                        if (PlatformInfo.isMobile) {
                          return SingleChildScrollView(
                            physics : const ClampingScrollPhysics(),
                            child: Container(
                              width: double.infinity,
                              alignment: Alignment.center,
                              color: Colors.white,
                              child: Obx(() => _buildEmailMessage(
                                context: context,
                                presentationEmail: currentEmail,
                                calendarEvent: controller.calendarEvent,
                                maxBodyHeight: constraints.maxHeight
                              ))
                            )
                          );
                        } else {
                          return Obx(() {
                            final calendarEvent = controller.calendarEvent;
                            if (currentEmail.hasCalendarEvent && calendarEvent != null) {
                              return Padding(
                                padding: const EdgeInsetsDirectional.symmetric(horizontal: 4),
                                child: ScrollbarListView(
                                  scrollController: controller.emailContentScrollController,
                                  child: SingleChildScrollView(
                                    physics : const ClampingScrollPhysics(),
                                    controller: controller.emailContentScrollController,
                                    child: Container(
                                      width: double.infinity,
                                      alignment: Alignment.center,
                                      color: Colors.white,
                                      child: _buildEmailMessage(
                                        context: context,
                                        presentationEmail: currentEmail,
                                        calendarEvent: calendarEvent,
                                        emailAddressSender: currentEmail.listEmailAddressSender.getListAddress(),
                                        maxBodyHeight: constraints.maxHeight
                                      )
                                    )
                                  ),
                                ),
                              );
                            } else {
                              return _buildEmailMessage(
                                context: context,
                                presentationEmail: currentEmail,
                                maxBodyHeight: constraints.maxHeight
                              );
                            }
                          });
                        }
                      }
                    });
                  }),
                ),
                EmailViewBottomBarWidget(
                  key: const Key('email_view_button_bar'),
                  presentationEmail: currentEmail,
                  emailActionCallback: controller.pressEmailAction
                ),
              ]);
            } else {
              return const EmailViewEmptyWidget();
            }
          })
        )
      )
    );
  }

  EdgeInsetsGeometry _getMarginEmailView(BuildContext context) {
    if (PlatformInfo.isWeb) {
      if (controller.responsiveUtils.isDesktop(context)) {
        return const EdgeInsetsDirectional.only(
          end: 16,
          top: 8,
          bottom: 16
        );
      } else {
        return const EdgeInsets.symmetric(vertical: 16);
      }
    } else {
      return EdgeInsets.zero;
    }
  }

  PresentationMailbox? _getMailboxContain(PresentationEmail currentEmail) {
    return currentEmail.findMailboxContain(controller.mailboxDashBoardController.mapMailboxById);
  }
  
  List<Widget> _buildNavigatorPageViewWidgets(BuildContext context) {
    return [
      TMailButtonWidget.fromIcon(
        icon: DirectionUtils.isDirectionRTLByLanguage(context)
          ? controller.imagePaths.icOlder
          : controller.imagePaths.icNewer,
        iconColor: controller.emailSupervisorController.nextEmailActivated
          ? AppColor.primaryColor
          : AppColor.colorAttachmentIcon,
        iconSize: EmailViewStyles.pageViewIconSize,
        backgroundColor: Colors.transparent,
        padding: EmailViewStyles.pageViewButtonPadding,
        tooltipMessage: AppLocalizations.of(context).newer,
        onTapActionCallback: controller.emailSupervisorController.moveToNextEmail
      ),
      TMailButtonWidget.fromIcon(
        icon: DirectionUtils.isDirectionRTLByLanguage(context)
          ? controller.imagePaths.icNewer
          : controller.imagePaths.icOlder,
        iconColor: controller.emailSupervisorController.previousEmailActivated
          ? AppColor.primaryColor
          : AppColor.colorAttachmentIcon,
        iconSize: EmailViewStyles.pageViewIconSize,
        padding: EmailViewStyles.pageViewButtonPadding,
        backgroundColor: Colors.transparent,
        tooltipMessage: AppLocalizations.of(context).older,
        onTapActionCallback: controller.emailSupervisorController.backToPreviousEmail
      ),
    ];
  }

  Widget _buildEmailMessage({
    required BuildContext context,
    required PresentationEmail presentationEmail,
    CalendarEvent? calendarEvent,
    List<String>? emailAddressSender,
    double? maxBodyHeight,
  }) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        EmailSubjectWidget(presentationEmail: presentationEmail),
        Obx(() => InformationSenderAndReceiverBuilder(
          emailSelected: presentationEmail,
          imagePaths: controller.imagePaths,
          responsiveUtils: controller.responsiveUtils,
          emailUnsubscribe: controller.emailUnsubscribe.value,
          maxBodyHeight: maxBodyHeight,
          openEmailAddressDetailAction: controller.openEmailAddressDialog,
          onEmailActionClick: (presentationEmail, actionType) => controller.handleEmailAction(context, presentationEmail, actionType),
        )),
        Obx(() => MailUnsubscribedBanner(
          presentationEmail: controller.currentEmail,
          emailUnsubscribe: controller.emailUnsubscribe.value
        )),
        Obx(() {
          if (controller.attachments.isNotEmpty) {
            return EmailAttachmentsWidget(
              responsiveUtils: controller.responsiveUtils,
              attachments: controller.attachments,
              imagePaths: controller.imagePaths,
              onDragStarted: controller.mailboxDashBoardController.enableDraggableApp,
              onDragEnd: (details) {
                controller.mailboxDashBoardController.disableDraggableApp();
              },
              downloadAttachmentAction: (attachment) {
                if (PlatformInfo.isWeb) {
                  controller.downloadAttachmentForWeb(attachment);
                } else {
                  controller.exportAttachment(context, attachment);
                }
              },
              // viewAttachmentAction: (attachment) {
              //   if (PlatformInfo.isWeb) {
              //     controller.viewAttachmentForWeb(attachment);
              //   } else {
              //     controller.exportAttachment(context, attachment);
              //   }
              // },
              onTapShowAllAttachmentFile: () => controller.openAttachmentList(context, controller.attachments),
            );
          } else {
            return const SizedBox.shrink();
          }
        }),
        Obx(() => EmailViewLoadingBarWidget(
          viewState: controller.emailLoadedViewState.value
        )),
        if (calendarEvent != null)
          Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            mainAxisSize: MainAxisSize.min,
            children: [
              CalendarEventInformationWidget(
                calendarEvent: calendarEvent,
                onOpenComposerAction: controller.openNewComposerAction,
                onOpenNewTabAction: controller.openNewTabAction,
                onCalendarEventReplyActionClick: controller.onCalendarEventReplyAction,
                calendarEventReplying: controller.calendarEventProcessing,
              ),
              if (calendarEvent.getTitleEventAction(context, emailAddressSender ?? []).isNotEmpty)
                CalendarEventActionBannerWidget(
                  calendarEvent: calendarEvent,
                  listEmailAddressSender: emailAddressSender ?? []
                ),
              CalendarEventDetailWidget(
                calendarEvent: calendarEvent,
                emailContent: controller.currentEmailLoaded?.htmlContent ?? '',
                isDraggableAppActive: controller.mailboxDashBoardController.isDraggableAppActive,
                onOpenComposerAction: controller.openNewComposerAction,
                onOpenNewTabAction: controller.openNewTabAction,
                onMailtoDelegateAction: controller.openMailToLink,
                onCalendarEventReplyActionClick: controller.onCalendarEventReplyAction,
                calendarEventReplying: controller.calendarEventProcessing,
              ),
            ],
          )
        else if (presentationEmail.id == controller.currentEmail?.id)
          Obx(() {
            if (controller.emailContents.value != null) {
              final allEmailContents = controller.emailContents.value ?? '';

              if (PlatformInfo.isWeb) {
                return Expanded(
                  child: Padding(
                    padding: const EdgeInsetsDirectional.only(start: 16, bottom: 16),
                    child: LayoutBuilder(builder: (context, constraints) {
                      return Obx(() {
                        return Stack(
                          children: [
                            HtmlContentViewerOnWeb(
                              widthContent: constraints.maxWidth,
                              heightContent: constraints.maxHeight,
                              contentHtml: allEmailContents,
                              mailtoDelegate: controller.openMailToLink,
                              direction: AppUtils.getCurrentDirection(context),
                            ),
                            if (controller.mailboxDashBoardController.isDraggableAppActive)
                              PointerInterceptor(
                                child: SizedBox(
                                  width: constraints.maxWidth,
                                  height: constraints.maxHeight,
                                )
                              )
                          ],
                        );
                      });
                    }),
                  ),
                );
              } else {
                return Padding(
                  padding: const EdgeInsetsDirectional.symmetric(
                    vertical: EmailViewStyles.mobileContentVerticalMargin,
                    horizontal: EmailViewStyles.mobileContentHorizontalMargin
                  ),
                  child: LayoutBuilder(builder: (context, constraints) {
                    return HtmlContentViewer(
                      contentHtml: allEmailContents,
                      initialWidth: constraints.maxWidth,
                      direction: AppUtils.getCurrentDirection(context),
                      onMailtoDelegateAction: controller.openMailToLink,
                      onScrollHorizontalEnd: controller.toggleScrollPhysicsPagerView,
                      onLoadWidthHtmlViewer: controller.emailSupervisorController.updateScrollPhysicPageView,
                    );
                  })
                );
              }
            } else {
              return const SizedBox.shrink();
            }
          })
      ],
    );
  }

  void _handleMoreEmailAction({
    required BuildContext context,
    required PresentationEmail presentationEmail,
    RelativeRect? position
  }) {
    final mailboxContain = controller.getMailboxContain(presentationEmail);
    final moreActions = [
      EmailActionType.markAsUnread,
      if (mailboxContain?.isChildOfTeamMailboxes == false)
        if (mailboxContain?.isSpam == true)
          EmailActionType.unSpam
        else
          EmailActionType.moveToSpam,
      if (presentationEmail.from?.isNotEmpty == true)
        EmailActionType.createRule,
      if (!presentationEmail.isSubscribed && controller.emailUnsubscribe.value != null)
        EmailActionType.unsubscribe,
      if (mailboxContain?.isArchive == false)
        EmailActionType.archiveMessage,
      if (PlatformInfo.isWeb && PlatformInfo.isCanvasKit)
        EmailActionType.downloadMessageAsEML
    ];

    if (position == null) {
      controller.openContextMenuAction(
        context,
        _emailActionMoreActionTile(context, presentationEmail, moreActions)
      );
    } else {
      controller.openPopupMenuAction(
        context,
        position,
        _popupMenuEmailActionTile(context, presentationEmail, moreActions)
      );
    }
  }

  List<Widget> _emailActionMoreActionTile(
    BuildContext context,
    PresentationEmail presentationEmail,
    List<EmailActionType> actionTypes,
  ) {
    return actionTypes.map((action) {
      return (EmailActionCupertinoActionSheetActionBuilder(
        Key('${action.name}_action'),
        SvgPicture.asset(
          action.getIcon(controller.imagePaths),
          width: 24,
          height: 24,
          fit: BoxFit.fill,
          colorFilter: AppColor.colorTextButton.asFilter()
        ),
        action.getTitle(context),
        presentationEmail,
        iconLeftPadding: controller.responsiveUtils.isScreenWithShortestSide(context)
          ? const EdgeInsetsDirectional.only(start: 12, end: 16)
          : const EdgeInsetsDirectional.only(end: 12),
        iconRightPadding: controller.responsiveUtils.isScreenWithShortestSide(context)
          ? const EdgeInsetsDirectional.only(end: 12)
          : EdgeInsets.zero
      )
      ..onActionClick((presentationEmail) {
        popBack();
        controller.handleEmailAction(context, presentationEmail, action);
      })).build();
    }).toList();
  }

  List<PopupMenuEntry> _popupMenuEmailActionTile(
    BuildContext context,
    PresentationEmail presentationEmail,
    List<EmailActionType> actionTypes
  ) {
    return actionTypes.map((action) {
      return PopupMenuItem(
        key: Key('${action.name}_action'),
        padding: EdgeInsets.zero,
        child: PopupItemWidget(
          action.getIcon(controller.imagePaths),
          action.getTitle(context),
          colorIcon: AppColor.colorTextButton,
          padding: const EdgeInsetsDirectional.only(start: 12),
          styleName: const TextStyle(
            fontWeight: FontWeight.w500,
            fontSize: 16,
            color: Colors.black
          ),
          onCallbackAction: () {
            popBack();
            controller.handleEmailAction(context, presentationEmail, action);
          }
        )
      );
    }).toList();
  }
}