import 'package:collection/collection.dart';
import 'package:core/presentation/extensions/color_extension.dart';
import 'package:core/presentation/state/failure.dart';
import 'package:core/presentation/state/success.dart';
import 'package:core/presentation/views/button/tmail_button_widget.dart';
import 'package:core/utils/platform_info.dart';
import 'package:dartz/dartz.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:model/extensions/session_extension.dart';
import 'package:model/email/email_action_type.dart';
import 'package:model/mailbox/presentation_mailbox.dart';
import 'package:tmail_ui_user/features/email/presentation/action/email_ui_action.dart';
import 'package:tmail_ui_user/features/email/presentation/styles/email_view_app_bar_widget_styles.dart';
import 'package:tmail_ui_user/features/email/presentation/widgets/email_view_bottom_bar_widget.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/extensions/handle_open_context_menu_extension.dart';
import 'package:tmail_ui_user/features/thread_detail/domain/state/get_thread_by_id_state.dart';
import 'package:tmail_ui_user/features/thread_detail/presentation/extension/close_thread_detail_action.dart';
import 'package:tmail_ui_user/features/thread_detail/presentation/extension/get_thread_detail_email_mailbox_contains.dart';
import 'package:tmail_ui_user/features/thread_detail/presentation/extension/get_thread_details_email_views.dart';
import 'package:tmail_ui_user/features/thread_detail/presentation/extension/on_thread_page_changed.dart';
import 'package:tmail_ui_user/features/thread_detail/presentation/extension/thread_detail_on_email_action_click.dart';
import 'package:tmail_ui_user/features/thread_detail/presentation/thread_detail_controller.dart';
import 'package:tmail_ui_user/features/thread_detail/presentation/widgets/thread_detail_app_bar.dart';
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';

class ThreadDetailView extends GetWidget<ThreadDetailController> {
  const ThreadDetailView({super.key});
  
  @override
  Widget build(BuildContext context) {
    final child = SelectionArea(child: SafeArea(
      child: Column(
        children: [
          Obx(() {
            final isLoading = showLoadingView(controller.viewState.value);

            return ThreadDetailAppBar(
              responsiveUtils: controller.responsiveUtils,
              imagePaths: controller.imagePaths,
              isSearchRunning: controller.isSearchRunning,
              closeThreadDetailAction: controller.closeThreadDetailAction,
              lastEmailOfThread: controller.emailIdsPresentation.values.lastOrNull,
              ownUserName: controller.session?.getOwnEmailAddress() ?? '',
              mailboxContain: _getMailboxContain(),
              onEmailActionClick: isLoading
                ? null
                : controller.threadDetailOnEmailActionClick,
              onMoreActionClick: (presentationEmail, position) => isLoading
                ? null
                : controller.emailActionReactor.handleMoreEmailAction(
                    mailboxContain: controller.getThreadDetailEmailMailboxContains(
                      presentationEmail,
                    ),
                    presentationEmail: presentationEmail,
                    position: position,
                    responsiveUtils: controller.responsiveUtils,
                    imagePaths: controller.imagePaths,
                    username: controller.session?.username,
                    handleEmailAction: controller.threadDetailOnEmailActionClick,
                    additionalActions: [
                      if (controller.responsiveUtils.isMobile(context)) ...[
                        EmailActionType.forward,
                        EmailActionType.replyAll,
                        EmailActionType.replyToList,
                      ],
                      EmailActionType.markAsStarred,
                      EmailActionType.unMarkAsStarred,
                      EmailActionType.moveToTrash,
                      EmailActionType.deletePermanently,
                      EmailActionType.printAll,
                      EmailActionType.moveToMailbox,
                    ],
                    emailIsRead: presentationEmail.hasRead,
                    openBottomSheetContextMenu: controller.mailboxDashBoardController.openBottomSheetContextMenu,
                    openPopupMenu: controller.mailboxDashBoardController.openPopupMenu,
                  ),
              optionWidgets: [
                if (controller.previousAvailable)
                  TMailButtonWidget.fromIcon(
                    icon: controller.imagePaths.icNewer,
                    iconSize: EmailViewAppBarWidgetStyles.buttonIconSize,
                    iconColor: EmailViewAppBarWidgetStyles.iconColor,
                    tooltipMessage: AppLocalizations.of(context).newer,
                    backgroundColor: Colors.transparent,
                    onTapActionCallback: controller.onPrevious,
                  ),
                if (controller.nextAvailable)
                  TMailButtonWidget.fromIcon(
                    icon: controller.imagePaths.icOlder,
                    iconSize: EmailViewAppBarWidgetStyles.buttonIconSize,
                    iconColor: EmailViewAppBarWidgetStyles.iconColor,
                    tooltipMessage: AppLocalizations.of(context).older,
                    backgroundColor: Colors.transparent,
                    onTapActionCallback: controller.onNext,
                  ),
              ],
            );
          }),
          Obx(() {
            if (PlatformInfo.isMobile) {
              final manager = controller.threadDetailManager;
              final currentIndex = manager.currentMobilePageViewIndex.value;

              return Expanded(
                child: PageView.builder(
                  controller: manager.pageController,
                  itemCount: manager.isThreadDetailEnabled
                    ? manager.availableThreadIds.length
                    : manager.currentDisplayedEmails.length,
                  itemBuilder: (context, index) {
                    if (index != currentIndex) {
                      return const SizedBox.shrink();
                    }
                
                    return SingleChildScrollView(
                      child: Column(
                        mainAxisSize: MainAxisSize.min,
                        children: controller.getThreadDetailEmailViews()
                      ),
                    );
                  },
                  onPageChanged: controller.onThreadPageChanged,
                ),
              );
            }

            return Expanded(
              child: Padding(
                padding: _padding(context),
                child: Stack(
                  children: [
                    const Positioned.fill(
                      child: ColoredBox(color: Colors.white),
                    ),
                    SingleChildScrollView(
                      controller: controller.scrollController,
                      child: Column(
                        mainAxisSize: MainAxisSize.min,
                        children: controller.getThreadDetailEmailViews()
                      ),
                    ),
                  ],
                ),
              ),
            );
          }),
          Obx(() {
            final expandedEmailId = controller.currentExpandedEmailId.value;
            if (expandedEmailId == null) {
              return const SizedBox.shrink();
            }
            final expandedPresentationEmail = controller.emailIdsPresentation[expandedEmailId];
            if (expandedPresentationEmail == null) {
              return const SizedBox.shrink();
            }

            final currentEmailLoaded = controller.currentEmailLoaded.value;
            if (currentEmailLoaded == null) {
              return const SizedBox.shrink();
            }

            return Padding(
              padding: controller.responsiveUtils.isDesktop(context)
                ? const EdgeInsetsDirectional.only(end: 16)
                : EdgeInsets.zero,
              child: ClipRRect(
                borderRadius: const BorderRadius.vertical(
                  bottom: Radius.circular(20),
                ),
                child: EmailViewBottomBarWidget(
                  key: const Key('email_view_button_bar'),
                  imagePaths: controller.imagePaths,
                  responsiveUtils: controller.responsiveUtils,
                  emailLoaded: currentEmailLoaded,
                  presentationEmail: expandedPresentationEmail,
                  userName: controller.session?.getOwnEmailAddress() ?? '',
                  emailActionCallback: (action, email) {
                    controller.mailboxDashBoardController
                      ..dispatchEmailUIAction(PerformEmailActionInThreadDetailAction(
                        emailActionType: action,
                        presentationEmail: email,
                      ))
                      ..dispatchEmailUIAction(EmailUIAction());
                  },
                  bottomBarDecoration: const BoxDecoration(
                    color: Colors.white,
                    border: Border(
                      top: BorderSide(color: AppColor.colorDividerEmailView),
                    ),
                  ),
                  padding: EdgeInsets.zero,
                ),
              ),
            );
          }),
          if (controller.responsiveUtils.isDesktop(context))
            const SizedBox(height: 16),
        ],
      ),
    ));

    return ClipRRect(
      borderRadius: const BorderRadius.vertical(bottom: Radius.circular(20)),
      child: child,
    );
  }

  EdgeInsetsGeometry _padding(BuildContext context) {
    if (controller.responsiveUtils.isDesktop(context)) {
      return const EdgeInsetsDirectional.only(end: 16);
    }
    return EdgeInsets.zero;
  }

  PresentationMailbox? _getMailboxContain() {
    if (controller.isSearchRunning) {
      return null;
    }

    return controller.mailboxDashBoardController.selectedMailbox.value;
  }

  bool showLoadingView(Either<Failure, Success> viewState) {
    final viewStateValue = viewState.fold(id, id);
    return viewStateValue is GettingThreadById &&
      !viewStateValue.updateCurrentThreadDetail;
  }
}