import 'package:core/core.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:get/get.dart';
import 'package:model/model.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/user_setting_popup_menu_mixin.dart';
import 'package:tmail_ui_user/features/thread/domain/state/search_email_state.dart';
import 'package:tmail_ui_user/features/thread/domain/state/search_more_email_state.dart';
import 'package:tmail_ui_user/features/thread/presentation/extensions/filter_message_option_extension.dart';
import 'package:tmail_ui_user/features/thread/presentation/model/delete_action_type.dart';
import 'package:tmail_ui_user/features/thread/presentation/thread_controller.dart';
import 'package:tmail_ui_user/features/thread/presentation/widgets/app_bar_thread_widget_builder.dart';
import 'package:tmail_ui_user/features/thread/presentation/widgets/bottom_bar_thread_selection_widget.dart';
import 'package:tmail_ui_user/features/thread/presentation/widgets/email_tile_builder.dart';
import 'package:tmail_ui_user/features/thread/presentation/widgets/filter_message_cupertino_action_sheet_action_builder.dart';
import 'package:tmail_ui_user/features/thread/presentation/widgets/search_app_bar_widget.dart';
import 'package:tmail_ui_user/features/thread/presentation/widgets/suggestion_box_widget.dart';
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';

class ThreadView extends GetWidget<ThreadController> with UserSettingPopupMenuMixin {

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

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () => FocusManager.instance.primaryFocus?.unfocus(),
      child: Scaffold(
        resizeToAvoidBottomInset: false,
        backgroundColor: _responsiveUtils.isDesktop(context) ? AppColor.colorBgDesktop : Colors.white,
        body: SafeArea(
          right: _responsiveUtils.isMobileDevice(context) && _responsiveUtils.isLandscape(context),
          left: _responsiveUtils.isMobileDevice(context) && _responsiveUtils.isLandscape(context),
          child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                if (_responsiveUtils.isDesktop(context))
                  Container(
                      color: Colors.white,
                      padding: EdgeInsets.only(right: 10, top: 16, bottom: 10),
                      child: _buildHeader(context)),
                _buildSearchInputFormForMobile(context),
                _buildSearchButtonViewForMobile(context),
                Expanded(child: Container(
                    color: AppColor.colorBgDesktop,
                    margin: _responsiveUtils.isDesktop(context) ? EdgeInsets.all(16) : EdgeInsets.zero,
                    child: Stack(children: [
                        Container(
                          alignment: Alignment.center,
                          decoration: BoxDecoration(
                            borderRadius: _responsiveUtils.isDesktop(context) ? BorderRadius.circular(20) : null,
                            border: _responsiveUtils.isDesktop(context) ? Border.all(color: AppColor.colorBorderBodyThread, width: 1) : null,
                            color: Colors.white),
                          child: Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              _buildStatusResultSearch(context),
                              _buildLoadingView(),
                              Expanded(child: _buildListEmail(context)),
                              _buildLoadingViewLoadMore(),
                            ]
                          )
                        ),
                        _buildSuggestionBox(context)
                    ]))),
                _buildListButtonSelectionForMobile(context),
              ]
          )
        ),
        floatingActionButton: _buildFloatingButtonCompose(context),
      ),
    );
  }

  Widget _buildHeader(BuildContext context) {
    return Row(children: [
      Obx(() => !controller.isSelectionEnabled() && _responsiveUtils.isDesktop(context)
          ? _buildListButtonTopBar(context)
          : SizedBox.shrink()),
      Obx(() => controller.isSelectionEnabled() && _responsiveUtils.isDesktop(context)
          ? _buildListButtonSelectionForDesktop(context)
          : SizedBox.shrink()),
      SizedBox(width: 16),
      Obx(() => !controller.isSearchActive() && _responsiveUtils.isDesktop(context) ? Spacer() : SizedBox.shrink()),
      Expanded(child: _buildSearchInputFormForDesktop(context)),
      _buildSearchButtonViewForDesktop(context),
      Padding(
          padding: EdgeInsets.only(right: 16),
          child: (AvatarBuilder()
              ..text(controller.mailboxDashBoardController.userProfile.value?.getAvatarText() ?? '')
              ..backgroundColor(Colors.white)
              ..textColor(Colors.black)
              ..context(context)
              ..addOnTapAvatarActionWithPositionClick((position) => openUserSettingAction(
                  context,
                  position,
                  popupMenuUserSettingActionTile(context, () => controller.mailboxDashBoardController.logoutAction())))
              ..addBoxShadows([BoxShadow(
                  color: AppColor.colorShadowBgContentEmail,
                  spreadRadius: 1, blurRadius: 1, offset: Offset(0, 0.5))])
              ..size(48))
            .build()),
    ]);
  }

  Widget _buildListButtonTopBar(BuildContext context) {
    return Row(children: [
      if (!controller.isSearchActive()) SizedBox(width: 16),
      if (!controller.isSearchActive())
        (ButtonBuilder(_imagePaths.icRefresh)
            ..key(Key('button_reload_thread'))
            ..decoration(BoxDecoration(borderRadius: BorderRadius.circular(10), color: AppColor.colorButtonHeaderThread))
            ..paddingIcon(EdgeInsets.zero)
            ..size(16)
            ..radiusSplash(10)
            ..padding(EdgeInsets.symmetric(horizontal: 8, vertical: 8))
            ..onPressActionClick(() => controller.refreshAllEmail()))
          .build(),
      SizedBox(width: 16),
      (ButtonBuilder(_imagePaths.icSelectAll)
          ..key(Key('button_select_all'))
          ..decoration(BoxDecoration(borderRadius: BorderRadius.circular(10), color: AppColor.colorButtonHeaderThread))
          ..paddingIcon(EdgeInsets.only(right: 8))
          ..size(16)
          ..radiusSplash(10)
          ..padding(EdgeInsets.symmetric(horizontal: 12, vertical: 8))
          ..textStyle(TextStyle(fontSize: 12, color: AppColor.colorTextButtonHeaderThread))
          ..onPressActionClick(() => controller.setSelectAllEmailAction())
          ..text(AppLocalizations.of(context).select_all, isVertical: false))
        .build(),
      SizedBox(width: 16),
      (ButtonBuilder(_imagePaths.icMarkAllAsRead)
          ..key(Key('button_mark_all_as_read'))
          ..decoration(BoxDecoration(borderRadius: BorderRadius.circular(10), color: AppColor.colorButtonHeaderThread))
          ..paddingIcon(EdgeInsets.only(right: 8))
          ..size(16)
          ..padding(EdgeInsets.symmetric(horizontal: 12, vertical: 8))
          ..radiusSplash(10)
          ..textStyle(TextStyle(fontSize: 12, color: AppColor.colorTextButtonHeaderThread))
          ..onPressActionClick(() {
            final listEmail = controller.isSearchActive()
              ? controller.emailListSearch.allEmailUnread
              : controller.emailList.allEmailUnread;

            if (listEmail.isNotEmpty) {
              controller.markAsReadSelectedMultipleEmail(listEmail);
            }
          })
          ..text(AppLocalizations.of(context).mark_all_as_read, isVertical: false))
        .build(),
      if (!controller.isSearchActive()) SizedBox(width: 16),
      if (!controller.isSearchActive())
        (ButtonBuilder(_imagePaths.icFilterWeb)
            ..key(Key('button_filter_messages'))
            ..context(context)
            ..decoration(BoxDecoration(borderRadius: BorderRadius.circular(10), color: AppColor.colorButtonHeaderThread))
            ..paddingIcon(EdgeInsets.only(right: 8))
            ..size(16)
            ..padding(EdgeInsets.symmetric(horizontal: 12, vertical: 8))
            ..radiusSplash(10)
            ..textStyle(TextStyle(
                fontSize: 12,
                color: controller.filterMessageOption.value == FilterMessageOption.all ? AppColor.colorTextButtonHeaderThread : AppColor.colorNameEmail,
                fontWeight: controller.filterMessageOption.value == FilterMessageOption.all ? FontWeight.normal : FontWeight.w500))
            ..addIconAction(Padding(
                padding: EdgeInsets.only(left: 8),
                child: SvgPicture.asset(_imagePaths.icArrowDown, fit: BoxFit.fill)))
            ..addOnPressActionWithPositionClick((position) =>
                controller.openFilterMessagesForTablet(
                    context,
                    position,
                    _popupMenuEmailActionTile(context, controller.filterMessageOption.value)))
            ..text(controller.filterMessageOption.value == FilterMessageOption.all
                ? AppLocalizations.of(context).filter_messages
                : controller.filterMessageOption.value.getTitle(context), isVertical: false))
          .build(),
    ]);
  }

  Widget _buildListButtonSelectionForDesktop(BuildContext context) {
    return Row(children: [
      SizedBox(width: 16),
      buildIconWeb(
          icon: SvgPicture.asset(_imagePaths.icCloseComposer, color: AppColor.colorTextButton, fit: BoxFit.fill),
          tooltip: AppLocalizations.of(context).cancel,
          onTap: () => controller.cancelSelectEmail()),
      Text(
        AppLocalizations.of(context).count_email_selected(controller.listEmailSelected.length),
        style: TextStyle(fontSize: 17, fontWeight: FontWeight.w500, color: AppColor.colorTextButton),),
      SizedBox(width: 30),
      buildIconWeb(
          icon: SvgPicture.asset(controller.listEmailSelected.isAllEmailRead ? _imagePaths.icUnread : _imagePaths.icRead, fit: BoxFit.fill),
          tooltip: controller.listEmailSelected.isAllEmailRead ? AppLocalizations.of(context).unread : AppLocalizations.of(context).read,
          onTap: () => controller.pressEmailSelectionAction(
              context,
              controller.listEmailSelected.isAllEmailRead ? EmailActionType.markAsUnread : EmailActionType.markAsRead,
              controller.listEmailSelected)),
      buildIconWeb(
          icon: SvgPicture.asset(controller.listEmailSelected.isAllEmailStarred ? _imagePaths.icUnStar : _imagePaths.icStar, fit: BoxFit.fill),
          tooltip: controller.listEmailSelected.isAllEmailStarred ? AppLocalizations.of(context).not_starred : AppLocalizations.of(context).starred,
          onTap: () => controller.pressEmailSelectionAction(
              context,
              controller.listEmailSelected.isAllEmailStarred ? EmailActionType.markAsUnStar : EmailActionType.markAsStar,
              controller.listEmailSelected)),
      buildIconWeb(
          icon: SvgPicture.asset(_imagePaths.icMove, fit: BoxFit.fill),
          tooltip: AppLocalizations.of(context).move,
          onTap: () => controller.pressEmailSelectionAction(context, EmailActionType.move, controller.listEmailSelected)),
      buildIconWeb(
          icon: SvgPicture.asset(_imagePaths.icDelete, fit: BoxFit.fill),
          tooltip: controller.mailboxDashBoardController.selectedMailbox.value?.role != PresentationMailbox.roleTrash
              ? AppLocalizations.of(context).move_to_trash
              : AppLocalizations.of(context).delete_permanently,
          onTap: () => controller.mailboxDashBoardController.selectedMailbox.value?.role != PresentationMailbox.roleTrash
              ? controller.pressEmailSelectionAction(context, EmailActionType.moveToTrash, controller.listEmailSelected)
              : controller.deleteEmailsPermanently(context, DeleteActionType.multiple, selectedEmails: controller.listEmailSelected)),
    ]);
  }

  Widget _buildListButtonSelectionForMobile(BuildContext context) {
    return Obx(() {
      if (controller.isSelectionEnabled() && !_responsiveUtils.isDesktop(context) && controller.listEmailSelected.isNotEmpty) {
        return Column(children: [
          Divider(color: AppColor.lineItemListColor, height: 1, thickness: 0.2),
          Padding(
            padding: EdgeInsets.all(10),
            child: (BottomBarThreadSelectionWidget(
                    context,
                    _imagePaths,
                    _responsiveUtils,
                    controller.listEmailSelected,
                    controller.mailboxDashBoardController.selectedMailbox.value)
                ..addOnPressEmailSelectionActionClick((actionType, selectionEmail) => controller.pressEmailSelectionAction(context, actionType, selectionEmail)))
              .build()),
        ]);
      } else {
        return SizedBox.shrink();
      }
    });
  }

  Widget _buildSearchButtonViewForMobile(BuildContext context) {
    return Obx(() {
      if (!controller.isSearchActive() && !_responsiveUtils.isDesktop(context)) {
        return Padding(
          padding: EdgeInsets.only(left: 16, right: 16, bottom: 10),
          child: (SearchBarView(_imagePaths)
              ..hintTextSearch(AppLocalizations.of(context).hint_search_emails)
              ..addOnOpenSearchViewAction(() => controller.enableSearch(context)))
            .build());
      } else {
        return SizedBox.shrink();
      }
    });
  }

  Widget _buildSearchInputFormForMobile(BuildContext context) {
    return Obx(() {
      if (controller.isSearchActive() && !_responsiveUtils.isDesktop(context)) {
        return _buildSearchForm(context);
      } else {
        return _responsiveUtils.isDesktop(context) ? SizedBox.shrink() : _buildAppBarNormal(context);
      }
    });
  }

  Widget _buildSearchButtonViewForDesktop(BuildContext context) {
    return Obx(() {
      if (!controller.isSearchActive() && _responsiveUtils.isDesktop(context)) {
        return Padding(
            padding: EdgeInsets.only(right: 16),
            child: (SearchBarView(_imagePaths)
                ..hintTextSearch(AppLocalizations.of(context).search_emails)
                ..maxSizeWidth(240)
                ..addOnOpenSearchViewAction(() => controller.enableSearch(context)))
              .build());
      } else {
        return SizedBox.shrink();
      }
    });
  }

  Widget _buildSearchInputFormForDesktop(BuildContext context) {
    return Obx(() {
      if (controller.isSearchActive() && _responsiveUtils.isDesktop(context)) {
        return _buildSearchFormForDesktop(context);
      } else {
        return SizedBox.shrink();
      }
    });
  }

  Widget _buildSearchFormForDesktop(BuildContext context) {
    return (SearchAppBarWidget(
          context,
          _imagePaths,
          _responsiveUtils,
          controller.searchQuery,
          controller.mailboxDashBoardController.searchFocus,
          controller.mailboxDashBoardController.searchInputController,
          suggestionSearch: controller.mailboxDashBoardController.suggestionSearch,)
      ..addDecoration(BoxDecoration(
          borderRadius: BorderRadius.all(Radius.circular(10)),
          color: AppColor.colorBgSearchBar))
      ..setMargin(EdgeInsets.only(right: 10))
      ..setHeightSearchBar(45)
      ..setHintText(AppLocalizations.of(context).search_mail)
      ..addOnCancelSearchPressed(() => controller.disableSearch())
      ..addOnClearTextSearchAction(() => controller.mailboxDashBoardController.clearSearchText())
      ..addOnTextChangeSearchAction((query) => controller.mailboxDashBoardController.addSuggestionSearch(query))
      ..addOnSearchTextAction((query) => controller.mailboxDashBoardController.searchEmail(context, query)))
    .build();
  }

  Widget _buildSearchForm(BuildContext context) {
    return (SearchAppBarWidget(
          context,
          _imagePaths,
          _responsiveUtils,
          controller.searchQuery,
          controller.mailboxDashBoardController.searchFocus,
          controller.mailboxDashBoardController.searchInputController,
          suggestionSearch: controller.mailboxDashBoardController.suggestionSearch,)
      ..addDecoration(BoxDecoration(color: Colors.white))
      ..setMargin(EdgeInsets.only(right: 10))
      ..setHintText(AppLocalizations.of(context).search_mail)
      ..addOnCancelSearchPressed(() => controller.disableSearch())
      ..addOnClearTextSearchAction(() => controller.mailboxDashBoardController.clearSearchText())
      ..addOnTextChangeSearchAction((query) => controller.mailboxDashBoardController.addSuggestionSearch(query))
      ..addOnSearchTextAction((query) => controller.mailboxDashBoardController.searchEmail(context, query)))
    .build();
  }

  Widget _buildAppBarNormal(BuildContext context) {
    return (AppBarThreadWidgetBuilder(
              context,
              _imagePaths,
              _responsiveUtils,
              controller.mailboxDashBoardController.selectedMailbox.value,
              controller.listEmailSelected,
              controller.currentSelectMode.value,
              controller.filterMessageOption.value)
          ..addOpenListMailboxActionClick(() => controller.openMailboxLeftMenu())
          ..addOnEditThreadAction(() => controller.enableSelectionEmail())
          ..addOnFilterEmailAction((filterMessageOption, position) =>
              _responsiveUtils.isMobileDevice(context)
                ? controller.openFilterMessagesCupertinoActionSheet(
                    context,
                    _filterMessagesCupertinoActionTile(context, filterMessageOption),
                    cancelButton: _buildCupertinoActionCancelButton(context))
                : controller.openFilterMessagesForTablet(
                    context,
                    position,
                    _popupMenuEmailActionTile(context, filterMessageOption)))
          ..addOnCancelEditThread(() => controller.cancelSelectEmail()))
        .build();
  }

  Widget _buildFloatingButtonCompose(BuildContext context) {
    return Obx(() {
      if (!controller.isSearchActive() && !_responsiveUtils.isDesktop(context)) {
        return Container(
          padding: EdgeInsets.only(bottom: controller.isSelectionEnabled() ? 80 : _responsiveUtils.isMobileDevice(context) ? 0 : 16),
          child: Align(
            alignment: Alignment.bottomRight,
            child: ScrollingFloatingButtonAnimated(
              icon: SvgPicture.asset(_imagePaths.icCompose, width: 20, height: 20, fit: BoxFit.fill),
              text: Padding(padding: EdgeInsets.only(right: 10),
                child: Text(AppLocalizations.of(context).compose,
                  style: TextStyle(color: AppColor.colorTextButton, fontSize: 15.0, fontWeight: FontWeight.w500))),
              onPress: () => controller.composeEmailAction(),
              scrollController: controller.listEmailController,
              color: Colors.white,
              elevation: 4.0,
              width: 140,
              animateIcon: false
            )
          )
        );
      } else {
        return SizedBox.shrink();
      }
    });
  }

  List<Widget> _filterMessagesCupertinoActionTile(BuildContext context, FilterMessageOption optionCurrent) {
    return <Widget>[
      _filterMessageWithAttachmentsAction(context, optionCurrent),
      _filterMessagesUnreadAction(context, optionCurrent),
      _filterMessageStarredAction(context, optionCurrent),
    ];
  }

  Widget _buildCupertinoActionCancelButton(BuildContext context) {
    return CupertinoActionSheetAction(
      child: Text(
        AppLocalizations.of(context).cancel,
        style: TextStyle(fontWeight: FontWeight.w500, fontSize: 20, color: AppColor.colorTextButton)),
      onPressed: () => controller.closeFilterMessageActionSheet(),
    );
  }

  Widget _filterMessageWithAttachmentsAction(BuildContext context, FilterMessageOption optionCurrent) {
    return (FilterMessageCupertinoActionSheetActionBuilder(
          Key('filter_attachment_action'),
          SvgPicture.asset(_imagePaths.icAttachment, width: 28, height: 28, fit: BoxFit.fill, color: AppColor.colorTextButton),
          AppLocalizations.of(context).with_attachments,
          FilterMessageOption.attachments,
          optionCurrent: optionCurrent,
          iconLeftPadding: _responsiveUtils.isMobile(context)
              ? EdgeInsets.only(left: 12, right: 16)
              : EdgeInsets.only(right: 12),
          iconRightPadding: _responsiveUtils.isMobile(context)
              ? EdgeInsets.only(right: 12)
              : EdgeInsets.zero,
          actionSelected: SvgPicture.asset(_imagePaths.icFilterSelected, fit: BoxFit.fill))
      ..onActionClick((option) => controller.filterMessagesAction(context, option)))
    .build();
  }

  Widget _filterMessagesUnreadAction(BuildContext context, FilterMessageOption optionCurrent) {
    return (FilterMessageCupertinoActionSheetActionBuilder(
          Key('filter_unread_action'),
          SvgPicture.asset(_imagePaths.icUnread, width: 28, height: 28, fit: BoxFit.fill),
          AppLocalizations.of(context).unread,
          FilterMessageOption.unread,
          optionCurrent: optionCurrent,
          iconLeftPadding: _responsiveUtils.isMobile(context)
            ? EdgeInsets.only(left: 12, right: 16)
            : EdgeInsets.only(right: 12),
          iconRightPadding: _responsiveUtils.isMobile(context)
            ? EdgeInsets.only(right: 12)
            : EdgeInsets.zero,
          actionSelected: SvgPicture.asset(_imagePaths.icFilterSelected, fit: BoxFit.fill))
      ..onActionClick((option) => controller.filterMessagesAction(context, option)))
    .build();
  }

  Widget _filterMessageStarredAction(BuildContext context, FilterMessageOption optionCurrent) {
    return (FilterMessageCupertinoActionSheetActionBuilder(
          Key('filter_starred_action'),
          SvgPicture.asset(_imagePaths.icStar, width: 28, height: 28, fit: BoxFit.fill),
          AppLocalizations.of(context).starred,
          FilterMessageOption.starred,
          optionCurrent: optionCurrent,
          iconLeftPadding: _responsiveUtils.isMobile(context)
              ? EdgeInsets.only(left: 12, right: 16)
              : EdgeInsets.only(right: 12),
          iconRightPadding: _responsiveUtils.isMobile(context)
              ? EdgeInsets.only(right: 12)
              : EdgeInsets.zero,
          actionSelected: SvgPicture.asset(_imagePaths.icFilterSelected, fit: BoxFit.fill))
      ..onActionClick((option) => controller.filterMessagesAction(context, option)))
    .build();
  }

  List<PopupMenuEntry> _popupMenuEmailActionTile(BuildContext context, FilterMessageOption option) {
    return [
      PopupMenuItem(padding: EdgeInsets.symmetric(horizontal: 8), child: _filterMessageWithAttachmentsAction(context, option)),
      PopupMenuDivider(height: 0.5),
      PopupMenuItem(padding: EdgeInsets.symmetric(horizontal: 8), child: _filterMessagesUnreadAction(context, option)),
      PopupMenuDivider(height: 0.5),
      PopupMenuItem(padding: EdgeInsets.symmetric(horizontal: 8), child: _filterMessageStarredAction(context, option)),
    ];
  }

  Widget _buildLoadingView() {
    return Obx(() => controller.viewState.value.fold(
      (failure) => SizedBox.shrink(),
      (success) {
        if (controller.isSearchActive()) {
          return success is SearchingState
              ? Padding(padding: EdgeInsets.only(top: 16), child: _loadingWidget)
              : SizedBox.shrink();
        } else {
          return success is LoadingState
              ? Padding(padding: EdgeInsets.only(top: 16), child: _loadingWidget)
              : SizedBox.shrink();
        }
      }));
  }

  Widget get _loadingWidget {
    return Center(child: Padding(
        padding: EdgeInsets.zero,
        child: SizedBox(
            width: 24,
            height: 24,
            child: CupertinoActivityIndicator(color: AppColor.colorTextButton))));
  }

  Widget _buildLoadingViewLoadMore() {
    return Obx(() => controller.viewState.value.fold(
      (failure) => SizedBox.shrink(),
      (success) {
        if (controller.isSearchActive()) {
          return success is SearchingMoreState
              ? Padding(padding: EdgeInsets.only(bottom: 16), child: _loadingWidget)
              : SizedBox.shrink();
        } else {
          return success is LoadingMoreState
              ? Padding(padding: EdgeInsets.only(bottom: 16), child: _loadingWidget)
              : SizedBox.shrink();
        }
      }));
  }

  Widget _buildListEmail(BuildContext context) {
    return Container(
      margin: _responsiveUtils.isDesktop(context)
          ? EdgeInsets.only(top: 16, bottom: 16)
          : EdgeInsets.zero,
      width: double.infinity,
      height: double.infinity,
      alignment: Alignment.center,
      padding: EdgeInsets.zero,
      color: Colors.white,
      child: Obx(() {
        if (controller.isSearchActive()) {
          if (controller.mailboxDashBoardController.suggestionSearch.isNotEmpty) {
            return SizedBox.shrink();
          } else {
            return _buildResultSearchEmails(context, controller.emailListSearch);
          }
        } else {
          return _buildResultListEmail(context, controller.emailList);
        }
      })
    );
  }

  Widget _buildResultSearchEmails(BuildContext context, List<PresentationEmail> listPresentationEmail) {
    return listPresentationEmail.isNotEmpty
      ? _buildListEmailBody(context, listPresentationEmail)
      : _buildEmptyEmail(context);
  }

  Widget _buildResultListEmail(BuildContext context, List<PresentationEmail> listPresentationEmail) {
    if (controller.currentSelectMode.value == SelectMode.INACTIVE) {
      return listPresentationEmail.isNotEmpty
        ? RefreshIndicator(
            color: AppColor.colorTextButton,
            onRefresh: () async => controller.refreshAllEmail(),
            child: _buildListEmailBody(context, listPresentationEmail))
        : RefreshIndicator(
            color: AppColor.colorTextButton,
            onRefresh: () async => controller.refreshAllEmail(),
            child: _buildEmptyEmail(context));
    } else {
      return listPresentationEmail.isNotEmpty
        ? _buildListEmailBody(context, listPresentationEmail)
        : _buildEmptyEmail(context);
    }
  }

  Widget _buildListEmailBody(BuildContext context, List<PresentationEmail> listPresentationEmail) {
    return NotificationListener<ScrollNotification>(
      onNotification: (ScrollNotification scrollInfo) {
        if (scrollInfo is ScrollEndNotification
            && !controller.isLoadingMore
            && scrollInfo.metrics.pixels == scrollInfo.metrics.maxScrollExtent
        ) {
          if (controller.isSearchActive()) {
            controller.searchMoreEmails();
          } else {
            controller.loadMoreEmails();
          }
        }
        return false;
      },
      child: ListView.builder(
        controller: controller.listEmailController,
        physics: AlwaysScrollableScrollPhysics(),
        key: PageStorageKey('list_presentation_email_in_threads'),
        itemCount: listPresentationEmail.length,
        itemBuilder: (context, index) => Obx(() => (EmailTileBuilder(
                context,
                listPresentationEmail[index],
                controller.mailboxDashBoardController.selectedMailbox.value?.role,
                controller.currentSelectMode.value,
                controller.mailboxDashBoardController.searchState.value.searchStatus,
                controller.searchQuery)
            ..onOpenEmailAction((selectedEmail) {
              if (controller.mailboxDashBoardController.selectedMailbox.value?.role == PresentationMailbox.roleDrafts) {
                controller.editEmail(selectedEmail);
              } else {
                controller.previewEmail(context, selectedEmail);
              }
            })
            ..onSelectEmailAction((selectedEmail) => controller.selectEmail(context, selectedEmail))
            ..addOnMarkAsStarActionClick((selectedEmail) => controller.markAsStarEmail(selectedEmail)))
          .build()),
      )
    );
  }

  Widget _buildEmptyEmail(BuildContext context) {
    return Obx(() => controller.viewState.value.fold(
      (failure) => SizedBox.shrink(),
      (success) => !(success is LoadingState) && !(success is SearchingState)
        ? (BackgroundWidgetBuilder(context)
            ..key(Key('empty_email_background'))
            ..image(SvgPicture.asset(_imagePaths.icEmptyImageDefault, width: 120, height: 120, fit: BoxFit.fill))
            ..text(controller.isSearchActive()
                ? AppLocalizations.of(context).no_emails_matching_your_search
                : AppLocalizations.of(context).no_emails))
          .build()
        : SizedBox.shrink())
    );
  }

  Widget _buildSuggestionBox(BuildContext context) {
    return Obx(() => controller.mailboxDashBoardController.suggestionSearch.isNotEmpty
      ? (SuggestionBoxWidget(
              context,
              _imagePaths,
              controller.mailboxDashBoardController.suggestionSearch)
          ..addOnSelectedSuggestion((suggestion) =>
              controller.mailboxDashBoardController.searchEmail(context, suggestion)))
        .build()
      : SizedBox.shrink()
    );
  }

  Widget _buildStatusResultSearch(BuildContext context) {
    return Obx(() {
      if (controller.isSearchActive()) {
        return controller.emailListSearch.length > 0
          ? Container(
              width: double.infinity,
              margin: EdgeInsets.zero,
              padding: EdgeInsets.symmetric(vertical: 12, horizontal: 24),
              decoration: BoxDecoration(
                  borderRadius: _responsiveUtils.isDesktop(context)
                      ? BorderRadius.only(topLeft: Radius.circular(20), topRight: Radius.circular(20))
                      : null,
                  color: AppColor.bgStatusResultSearch),
              child: Text(
                AppLocalizations.of(context).results,
                style: TextStyle(color: AppColor.baseTextColor, fontSize: 14, fontWeight: FontWeight.w500),
              ))
         : SizedBox.shrink();
      } else {
        return SizedBox.shrink();
      }
    });
  }
}